react-native-action-sheet - A cross-platform ActionSheet for React Native

  •        188

ActionSheet is a cross-platform React Native component that uses the native UIActionSheet on iOS and a JS implementation on Android. Almost a drop in replacement for ActionSheetIOS except it cannot be called statically.

https://github.com/expo/react-native-action-sheet

Dependencies:

hoist-non-react-statics : ^2.2.2
prop-types : ^15.5.10

Tags
Implementation
License
Platform

   




Related Projects

react-native-activity-view - iOS share and action sheets for React Native

  •    Objective-C

React Native Activity View is a React Native library for displaying iOS share and action sheets. In order to use Activity View, you must first link the library to your project. There's excellent documentation on how to do this in the React Native Docs.

react-native-actionsheet - An elegant ActionSheet component for React Native.

  •    Javascript

Cross platform ActionSheet. This component implements a custom ActionSheet and provides the same way to drawing it on the defferent platforms(iOS and Android). Actually, In order to keep the best effect, it still uses the ActionSheetIOS on iOS. The style of ActionSheet is defined in lib/styles.js. We can pass the styles prop to cover default style. See Example .

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.

Expo - Easily build cross platform apps with React Native

  •    Objective-C

Expo helps to build apps with React Native. It is a set of tools, libraries and services which let you build native iOS and Android apps by writing JavaScript. Expo apps are React Native apps which contain the Expo SDK. The SDK is a native-and-JS library which provides access to the device’s system functionality (things like the camera, contacts, local storage, and other hardware).


react-native-bottom-sheet-behavior - react-native wrapper for android BottomSheetBehavior

  •    Java

react-native wrapper for android BottomSheetBehavior, supports FloatingActionButton. This major release v1.0.0 supports anchor state, which means that you can have a middle state between collapsed and expanded.

apollo-universal-starter-kit - Apollo 2 Universal Starter Kit — GraphQL React JavaScript app boilerplate for Mobile, Server and Web where code for all platforms built with Webpack to enable max code reuse, stack: Apollo, GraphQL, React 16, React Native, Expo, Express, Knex, SQLite, Twitter Bootstrap, Babel, Webpack

  •    Javascript

Apollo Universal Starter Kit is a SEO friendly boilerplate for Universal Mobile and Web app development built on top of Apollo, GraphQL, React 16, React Native, Expo, Redux, Express with SQL storage support, for styling Twitter Bootstrap, NativeBase and Ant Design integration. Hot Code Reload of back end & front end using Webpack and Hot Module Replacement to reflect your changes instantly and help you stay productive. This starter kit adds full React Native integration, with Webpack as a packager and Expo. No native code compilation tools are needed in order to develop native mobile applications with this kit. You are able to run both web and mobile versions of your app at the same time connected to the same backend.

react-native-action-button - customizable multi-action-button component for react-native

  •    Javascript

to link all libraries with native dependencies in your project. ActionButton component is the main component which wraps everything and provides a couple of props (see Config below).

react-native-copilot - Step-by-step walkthrough for your react native app

  •    Javascript

Optional: If you want to have the smooth SVG animation, you should install and link react-native-svg. If you are using Expo, you can skip this as Expo comes with react-native-svg. Before defining walkthrough steps for your react elements, you must make them walkthroughable. The easiest way to do that for built-in react native components, is using the walkthroughable HOC. Then you must wrap the element with CopilotStep.

react-native-starter - 🚀A powerful react native starter template that bootstraps development of your mobile application

  •    Javascript

A powerful react native starter template that bootstraps development of your mobile application. React Native Starter is a mobile application template with lots of built-in components like sidebar, navigation, form elements, etc - all you need to start building your mobile app faster. Check out live demo on App Store, Google Play or Expo. If you find any problems, please open an issue or submit a fix as a pull request.

teaset - A UI library for react native, provides 20+ pure JS(ES6) components, focusing on content display and action control

  •    Javascript

A UI library for react native, provides 20+ pure JS(ES6) components, focusing on content display and action control. Tips: In the Android system, the animations is not smooth, switch to the release mode can be resolved.

react-native-magic-move - Create magical move transitions between scenes in react-native 🐰🎩✨

  •    Javascript

A follow up project called react-native-shared-element has been created which can be considered the successor to react-native-magic-move. It it an all native solution that provides superior performance (no more passes over the react-native bridge) and transitions. It however does not support some of the more exotic transition types (flip, shrinkAndGrow) that Magic Move does. It also doesn't support the web-platform yet and requires native extensions to run. New users are advised to use react-native-shared-element when possible. As for Magic Move, no more new developments will be started for Magic Move, merely critical bug-fixes. This notification will be updated as development on react-native-shared-element progresses. * The native extensions are recommended to get the best performance, but they are not required. This makes it possible to use react-native-magic-move with expo or react-native-web. If you're having trouble installing the native extensions, please see this guide on how to install them manually.

react-native-styling-cheat-sheet - Most of the React Native styling material in one page

  •    

Most of the React Native styling material in one page. Imported from the official docs.

react-native-directory - A list of React Native libraries of various qualities that you can use with Expo managed workflow, and ones you can't

  •    Javascript

Native Directory is a website where you can see all of the libraries that are compatible with React Native. Note: If your package is within a monorepo on GitHub, eg: https://github.com/expo/expo/blob/master/packages/expo-web-browser, then the name, description, homepage, and topics (keywords) will be extracted from package.json for that subrepo. GitHub stats will be based on the monorepo, because there isn't really another option.

react-native-screens - First incomplete navigation solution for your React Native app

  •    Java

This project aims to expose native navigation container components to React Native. It is not designed to be used as a standalone library but rather as a dependency of a full-featured navigation library. Screens are already integrated with the React Native's most popular navigation library react-navigation and Expo. Read usage guide depending on if you are using Expo or not.

rn-placeholder - :dash: :dizzy: :sparkles: Display some placeholder stuff before rendering your text or media content in React Native

  •    Javascript

Display some placeholder stuff before rendering your text or media content in React Native. _Fully compatible with Expo and react-native-web.

react-native-date-picker - React Native Date Picker - A datepicker for Android and iOS

  •    Java

📅   React Native Date Picker is a cross platform component working on both iOS and Android. It uses the slightly improved DatePickerIOS on iOS and a custom picker on Android which has similar look and feel. The datetime mode might be particulary interesting if you looking for a way to avoid two different popup pickers on android. Unfortunately, expo does not support this date picker at the moment. Upvote this feature request if you would like to have it included.

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-img-cache - Image Cache for React Native

  •    TypeScript

CachedImage component and Cache image manager for React Native. I am no longer maintaining this library but react-native-expo-image-cache which depends on ExpoKit.

galio - Galio is a beautifully designed, Free and Open Source React Native Framework

  •    Javascript

Galio is one of the coolest UI libraries you could ever use, licensed under MIT. Carefully crafted by developers for developers. Ready-made components, typography, and a gorgeous base theme that is easily adaptable to each project.