Bumbag Native – Feature Roadmap

[jxom]

Bumbag v2 has now been released with support for React Native (Bumbag Native)! At the moment, Bumbag Native only supports a small range of primitive components, however it will be nice if we could extend the support to more high-level components.

Here is a list of the components to be supported. We are open for contributions too, so if you wish to tackle a component, comment below which one you would like!:

Foundation

• Provider

Primitives

• Box
• Box.Safe
• Box.Scroll
• Box.KeyboardAvoiding
• Flex (from Bumbag)

Typography

• Heading (from Bumbag)
• Link (from Bumbag)
• List (from Bumbag)
• Text (from Bumbag)

Layout

• FieldStack (from Bumbag
• Hide (from Bumbag
• Group (from Bumbag
• Level (from Bumbag
• Set (from Bumbag
• Show (from Bumbag
• Stack (from Bumbag

Components

• ActionButtons (from Bumbag)
• Alert (from Bumbag)
• Avatar (from Bumbag)
• Badge (from Bumbag)
• Button (from Bumbag)
• Card (from Bumbag)
• Dialog (inspired by React Native Paper's Dialog)
• Dialog.Alert (inspo)
• Divider (from Bumbag)
• DropdownMenu (from Bumbag | inspired by React Native Paper's Menu)
• Fab (inspired by React Native Paper's Fab)
• Icon (from Bumbag)
• List.Flat
• List.Sectioned
• List.Virtualized
• Image
• Image.Background
• Menu (from Bumbag | like Row)
• BottomNav (inspired by React Native Paper's BottomNavigation)
• TopNav (inspired by React Native Paper's Header)
• Popover (from Bumbag)
• Picker (inspired by Backpack's Picker)
• ProgressBar (from Bumbag)
• Rating (from Bumbag)
• SearchBar (inspiration)
• Spinner (from Bumbag)
• Tabs (from Bumbag)
• Tag (from Bumbag)
• Toast (inspo)
• Tooltip (from Bumbag)

Form

• Autosuggest/AutosuggestField (like this)
• Checkbox/CheckboxField (from Bumbag)
• CheckboxGroup/CheckboxGroupField
• FieldStack (from Bumbag)
• FieldWrapper (from Bumbag)
• Input/InputField (from Bumbag)
• Radio (from Bumbag)
• RadioGroup/RadioGroupField
• Select/SelectField (from Bumbag)
• Switch/SwitchField (from Bumbag)
• SwitchGroup/SwitchGroupField (from Bumbag)
• Textarea/TextareaField (from Bumbag)

Utilities

• BottomSheet (inspiration)
• Hidden (from Bumbag)
• List
• Modal (from Bumbag)
• Overlay (from Bumbag)
• Portal (from Bumbag)
• Pressable
• RefreshControl
• StatusBar
• Touchable
• Touchable.Highlight
• Touchable.Opacity

[iamclaytonray]

In the vast majority of apps, Drawer would be created from React Navigation. IMO, it should be designed with that in mind.