- Getting Started
- Declarative Rendering
- Basic Components
- Conditionals and Loops
- Composing with components
- Handling user input
- Component As Prop
- Device APIs
- React Native
- Ready for more?
- Vue Native Router
- Community Libraries
- How does it work?
- How to contribute
The most fundamental component for building a UI, View is a container that supports layout
View is designed to be nested inside other views and can have 0 to many children of any type.
A Vue Native component for displaying text.
Text supports nesting, styling, and touch handling.
A Vue Native component for displaying different types of images, including network images, static resources, temporary local images, and images from local disk, such as the camera roll.
A foundational component for inputting text into the app via a keyboard. Props provide configurability for several features, such as auto-correction, auto-capitalization, placeholder text, and different keyboard types, such as a numeric keypad.
Component that wraps platform ScrollView while providing integration with touch locking “responder” system.
Keep in mind that ScrollViews must have a bounded height in order to work, since they contain unbounded-height children into a bounded container (via a scroll interaction)
ScrollView simply renders all its react child components at once. That makes it very easy to understand and use.
A basic button component that should render nicely on any platform. Supports a minimal level of customization.
A performant interface for rendering simple, flat lists, supporting the most handy features:
. Fully cross-platform.
. Optional horizontal mode.
. Configurable viewability callbacks.
. Header support.
. Footer support.
. Separator support.
. Pull to Refresh.
. Scroll loading.
. ScrollToIndex support.
One of the drawbacks using Flatlist is the renderItem method should return JSX with the actual React Native components. We are working on this and a fix should be available soon.
Displays a circular loading indicator.
Launches an alert dialog with the specified title and message.
Optionally provide a list of buttons. Tapping any button will fire the respective onPress callback and dismiss the alert. By default, the only button will be an ‘OK’ button.
Component to control the app status bar.
Renders a boolean input.
This is a controlled component that requires an
on-value-change callback that updates the value prop in order for the component to reflect user actions.
The above can also be implemented using
0.0.10 and above.
A wrapper for making views respond properly to touches. On press down, the opacity of the wrapped view is decreased, dimming it.
WebView renders web content in a native view.
For further details about different components and API’s in depth, you can refer to https://facebook.github.io/react-native/