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

• [x] Provider

Primitives

• [x] Box
• [x] Box.Safe
• [x] Box.Scroll
• [x] Box.KeyboardAvoiding
• [x] Flex (from Bumbag)

Typography

• [x] Heading (from Bumbag)
• [ ] Link (from Bumbag)
• [ ] List (from Bumbag)
• [x] Text (from Bumbag)

Layout

• [ ] FieldStack (from Bumbag
• [x] Hide (from Bumbag
• [x] Group (from Bumbag
• [x] Level (from Bumbag
• [x] Set (from Bumbag
• [x] Show (from Bumbag
• [x] Stack (from Bumbag

Components

• [ ] ActionButtons (from Bumbag)
• [ ] Alert (from Bumbag)
• [ ] Avatar (from Bumbag)
• [ ] Badge (from Bumbag)
• [x] 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)
• [x] Icon (from Bumbag)
• [x] List.Flat
• [x] List.Sectioned
• [x] List.Virtualized
• [x] 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)
• [x] Spinner (from Bumbag)
• [ ] Tabs (from Bumbag)
• [ ] Tag (from Bumbag)
• [ ] Toast (inspo)
• [ ] Tooltip (from Bumbag)

Form

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

Utilities

• [ ] BottomSheet (inspiration)
• [ ] Hidden (from Bumbag)
• [x] List
• [ ] Modal (from Bumbag)
• [ ] Overlay (from Bumbag)
• [ ] Portal (from Bumbag)
• [x] Pressable
• [ ] RefreshControl
• [ ] StatusBar
• [x] Touchable
• [x] Touchable.Highlight
• [x] 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.