NativeBase Snippets for VS Code

This extension provides NativeBase snippets for React Native with NativeBase projects.

Installation

In order to install an extension you need to launch the Command Pallete (Ctrl + Shift + P or Cmd + Shift + P) and type Extensions. There you have either the option to show the already installed snippets or install new ones. Search for NativeBase Snippets and install it.

Supported languages (file extensions)

JavaScript (.js)
JavaScript React (.jsx)

Snippets

Below is a list of all available snippets.

Prefix	Component
`anatomy`	`Anatomy`: Container containing `Header`, `Content`, `Footer`
`badge`	`Badge`: Numerical indicator
`button`	`Button`
`card`	`Card`: Flexible, extensible container for `Content`
`carddynamic`	`Dynamic Card`: Card for vertically scrolling lists
`cardimage`	`Card Image`: Card for image with icon below it
`carditem`	`Card Item`: Lists items in `Card`
`cardshowcase`	`Card Showcase`: Card for images with text and icon below it
`checkbox`	`Checkbox`: Select a number of items from a set of choices
`col`	`Col`: Column for Grid
`container`	`Container`: Component to contain all other components
`content`	`Content`: Body section of the screen
`decswiper`	`deckSwiper`: Swipable card
`fab`	`FAB`: Floating Action Button
`grid`	`Grid`: Grid layout
`h1`	`H1`: Heading tag of font-size: 27
`h2`	`H2`: Heading tag of font-size: 24
`h3`	`H3`: Heading tag of font-size: 21
`header`	`Header`: Navbar of the screen
`icon`	`Icon`
`icontextbox`	`Icon Textbox`: TextBox with Icon
`image`	`Image`
`list`	`List`
`listavatar`	`List Avatar`: Icon sized image with list item
`listdynamic`	`Dynamic List`: List for vertically scrolling lists of changing data
`listicon`	`List Icon`: Icon with list item
`listitem`	`ListItem`: Define a list item
`listthumbnail`	`List Thumbnail`: Thumbnail sized image with list item
`picker`	`Picker`
`radio`	`Radio Button`
`regulartextbox`	`Regular Textbox`: Rectangular Textbox
`roundedtextbox`	`Rounded Textbox`: Textbox with rounded corner
`row`	`Row`: Row in Grid
`searchbar`	`Searchbar`
`spinner`	`Spinner`
`tabs`	`Tabs`: Component for tabbed navigation
`text`	`Text`
`textbox`	`Textbox`
`thumbnail`	`Thumbnail`
`underlinedtextbox`	`Underlined Textbox`: Textbox with bottom border only

Happy coding!

NativeBase Snippets

GeekyAnts

NativeBase Snippets for VS Code

Installation

Supported languages (file extensions)

Snippets