Skip to content

Instantly share code, notes, and snippets.

@vigneshwaran-chandrasekaran

vigneshwaran-chandrasekaran/nativebase notes (React Native)

Last active October 18, 2020 11:46
Show Gist options
  • Save vigneshwaran-chandrasekaran/4e7d066992307e72be31c068d835b024 to your computer and use it in GitHub Desktop.
Save vigneshwaran-chandrasekaran/4e7d066992307e72be31c068d835b024 to your computer and use it in GitHub Desktop.
Download ZIP
https://nativebase.io/ React native UI Library components notes
Raw
nativebase notes (React Native)
https://nativebase.io/
NativeBase provides its own frame component, named after <Container>.
All the components should be included within the Container.
Container takes mainly three components: <Header>, <Content> and <Footer>.
Usage of Container's Header component is very similar to your HTML <head>. So is with Footer.
The Content component of Container is nothing but the body section of your screen.
----------------------------------------------------------------------------------------------------
Header - Renders as Header (navbar) of your screen.
Input values: Button, Title (Text).
Content - Represents the main content of your screen.
There can be only one <Content> component in a screen.
Footer - Renders as Footer of your screen.
Input values: FooterTab
----------------------------------------------------------------------------------------------------
Content Anatomy
This is a NativeBase component which renders as body element of your screen.
Each screen can have only one Content component and can be defined anywhere within the Container.
----------------------------------------------------------------------------------------------------
Form
Replacing Component:
Form: React Native View
Item: React Native TouchableOpacity
Input: React Native TextInput
Label: React Native Text
----------------------------------------------------------------------------------------------------
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment