Rational App Development

Rational App Development

Build native iOS and Android mobile apps with React Native

  • Facebook
  • Twitter
Skip to content

View

There are 12 posts tagged View ( this is page 1 of 2).

Post navigation

Animated Messages Component with React Native

Learn how to build an animated component that shows a small teaser at the bottom of the screen and can be expanded to full screen to show all content in a scrollable list.

Continue reading →
1 Comment

Movie Tickets Booking App with React Native

Learn how to build slick animated UIs with React Native by building movie tickets booking app.

Continue reading →
2 Webmentions | 22 Comments

Christmas Tree Animation with React Native

If you ever wondered how to animate snow, follow this tutorial to know how.

Continue reading →
1 Comment

React Native Cheat Sheet

Collection of React Native recipes, code snippets, and styling tips and tricks.

Continue reading →
4 Webmentions | 4 Comments

Universal Tab Bar in React Native

React Native has a core component called TabBarIOS, which renders a tab bar at the bottom of the screen on iOS platform. But it doesn’t work on Android. If you want to have tabs in your app that look and work the same on both, iOS and Android, follow this tutorial, and in 15 minutes you’ll learn how to build them.

Continue reading →
11 Comments

React Native List App Complete How-To Guide

You need to build a mobile app that lists some data and shows details on a separate screen once user taps an item? Follow this complete guide on how to master React Native List and Navigator components to switch between a list and a detail screen.

Continue reading →
2 Webmentions | 5 Comments

Style React Native Components

With React Native you can style your components with CSS-like styles. Style names and values usually match CSS styles, except names are written like backgroundColor instead of like background-color.

Continue reading →
2 Webmentions | Comment

Layout React Native Components with Flexbox

You can position any components anywhere on the screen using Flexbox. You can arrange them vertically, horizontally, center them, distribute evenly and much more.

Continue reading →
1 Comment

React Native Components

Any app written with React Native in JavaScript consist of at least one component.

Continue reading →
2 Webmentions | 1 Comment

Build a List of Pets for Adoption App with React Native – Part 2

In this tutorial we’ll continue building our Adopt Me app that we started in Part 1 and add detail screen for each pet, which would show up when row clicked.

Continue reading →
4 Comments

Post navigation

Subscribe

Tags

Android Animations API App ART Charts Class Components CSS Design DragAndDrop Expo Export Express Flexbox HowTo Import iOS JavaScript JSX Keyboard Layout Methods Modal NodeJs Offline Onboarding Properties Props ReactNative Redux ReduxPersist Series State Styles Swiper Tabs Tags Text TextInput Touchable Tutorial UI UX View
Empowered by Rational Animal