react-native-toolkit - A collection of common UI components for react native mobile apps.

  •        3

A collection of common UI components for react native mobile apps.

https://github.com/marty-wang/react-native-toolkit

Tags
Implementation
License
Platform

   




Related Projects

react-native-nav - A cross-platform (iOS / Android), fully customizable, React Native Navigation Bar component

  •    Javascript

I created this project after going through the navbars contained in Awesome React and not finding any that were cross-platform, customizable, and integrated the status bar. This project is a spiritual successor to react-native-navbar (I forked it and ended up changing like 90% of it). To find a preview of all examples go to the examples folder.

native-starter-kit - React Native Starter App with NativeBase + CodePush + Redux

  •    Javascript

Note: Shifted to React Navigation from React Native Router Flux in the master branch. React Navigation has become standard for navigation solution in React Native. We are just keeping up with the current trend. No need of reinventing the wheel. To have immediately something to continue building on, it would be best to start from some starter kit for getting React Native - based applications off the ground in a hurry.

react-router-native - A routing library for React Native that strives for sensible API parity with react-router 🤖

  •    Javascript

A routing library for React Native that strives for sensible API parity with react-router. React Router community decided that a reducer-based paradigm similar to that of NavigationExperimental is better suited to native navigation. Transition to a reducer-based paradigm is also being discussed for the web. On the other hand, NavigationExperimental has no intention to support a React Router-like interface and leaves the navigation state up to the developer to maintain.


react-router-navigation - ⛵️ A complete navigation library for React Native and React Router

  •    Makefile

react-router-navigation is still a work in progress. That means it's extremely likely that you'll encounter issues. Always consider it. react-router-navigation provides tools to navigate between multiple screens with navigators or tab views. This library is based on react-router, react-navigation, and react-native-tab-view.

react-native-dva-starter - a React Native starter powered by dva and react-navigation

  •    Javascript

Great thanks to @xuan45 for his cli tool dva-native-cli, check that project for more information. The builtin router of dva (not react-router v4), doesn't support React Native, we have to integrate other router components, such as Navigator, ExperimentalNavigation, react-native-router-flux and react-navigation. Since the former two will be depreciated in flavor of react-navigation, which is also be recommended by official, so I choose it to be the navigator.

ex-navigator - Route-centric navigation built on top of React Native's Navigator

  •    Javascript

Deprecation Warning There are a few bugs in ex-navigator that require mutation of the state for the state to pass through the Navigator [Issue 110]. It's highly recommended to use the new ex-navigation instead as it's a powered by React Native's "NavigationExperimental". It's recommend to use react-navigation instead. ExNavigator is a scene navigator that is centered around routes and is built on top of React Native's Navigator. You define ExRoutes, which are plain JavaScript objects with functions to render the scene for the route and the components to display in the nav bar.

stack - Stack navigator for React Navigation

  •    TypeScript

Stack navigator for use on iOS and Android. Documentation can be found on the React Navigation website.

tabs - Tab navigators for React Navigation

  •    TypeScript

Tab navigators for React Navigation. Follow the instructions on the the React Navigation "Getting Started" guide, and then add the react-navigation-tabs package to your project.

react-native-redux-router - React Native Router using Redux architecture

  •    Javascript

I've decided to stop supporting this component in favor to new release react-native-router-flux (https://github.com/aksonov/react-native-router-flux). The new version doesn't depend from concrete Flux/Redux implementation and allow you to build nested navigators easily. Also it allows to intercept route 'actions' from your store(s).

react-native-lightbox - Images etc in Full Screen Lightbox Popovers for React Native

  •    Javascript

navigator property is optional but recommended on iOS, see next section for Navigator configuration. For android support you must pass a reference to a Navigator since it does not yet have the Modal component and is not on the official todo list. See the Example project for a complete example.

luno-react-native - Cross-platform React Native application written in ClojureScript

  •    Clojure

Luno is a demo mobile application written in ClojureScript. It uses React Native, Reagent, Re-natal and a couple of React Native libraries, for example, awesome React Native Material Design. It is just proof of concept, and main purpose of Luno is to demonstrate how to create reusable components, use Navigation Drawer, Navigator and NavigatorIOS, how to work with native libraries (it uses Material Dialogs for Android) and how to create apps indistinguishable from native Android or iOS apps.

react-native-controllers - Native IOS Navigation for React Native (navbar, tabs, drawer)

  •    Objective-C

Without react-native-controllers, iOS skeleton components such as UINavigationController or a side menu drawer are challenging to implement natively. This forces developers to compromise on user experience to use React Native. react-native-controllers simplifies this by re-introducing UIViewController into the React Native stack. If you're already convinced you need this package, you can skip straight to Installation. If not, brace yourself for a long read.

ex-navigation - Route-centric navigation for React Native

  •    Javascript

A route-centric, batteries-included navigation library for Expo and React Native that works seamlessly on Android and iOS. The successor to ExNavigation, "react-navigation", is now in public beta. Before the 1.0 release of react-navigation, a migration path from ExNavigation will be provided, but feel free to migrate before then if you prefer.

react-native-app-intro - react-native-app-intro is a react native component implementing a parallax effect welcome page using base on react-native-swiper , similar to the one found in Google's app like Sheet, Drive, Docs

  •    Javascript

react-native-app-intro is a react native component implementing a parallax effect welcome page using base on react-native-swiper , similar to the one found in Google's app like Sheet, Drive, Docs... You can use pageArray quick generation your app intro with parallax effect. With the basic usage, the Android status bar will be updated to match your slide background color.

NativeBase - Essential cross-platform UI components for React Native

  •    Javascript

NativeBase is a sleek, ingenious and dynamic front-end framework created by passionate React Loving team at Geekyants.com to build cross platform Android & iOS mobile apps using ready to use generic components of React Native. What is really great with NativeBase is that you can use shared UI cross-platform components, which will drastically increase your productivity. When using NativeBase, you can use any native third-party libraries out of the box.