A
Tags | react-component react-native ios ui popover modal |
Implementation | Javascript |
License | MIT |
Platform | OS-Independent |
A cross-platform (iOS / Android), selector/picker component for React Native that is highly customizable and supports sections. You can either use this component as an wrapper around your existing component or use it in its default mode. In default mode a customizable button is rendered.
react-native dropdown popover select picker modal ios android react-componentImport library any where inside your code before AppRegistry.registerComponent is called. Invoked by React element way.
react-component react-native ios android modal popoverA react-native dropdown/picker/selector component for both Android & iOS. You can find them in the example.
react react-native react-native-component modal dropdown picker select selector option react-component ios androidnavigator 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.
react-native react-component react-native-component react mobile ios android ui lightbox gallery imageAn enhanced, animated and customizable react-native modal. The aim of react-native-modal is expanding the original react-native Modal component by adding animations and styles customization options while still providing a plain-simple API.
react-native react modal android ios backdrop animation animated native simplereact-native-really-awesome-button is a performant, extendable, production ready ReactNative component that renders an animated set of 3D UI buttons. MIT. Copyright (c) 2018 Rafael Caferati.
react-native react-ui-components button 3d-buttons react-native-component react-native-button react-native-buttons progress-button animated-buttons ui-component animated-button awesome-button really-awesome-button 3d-button react-component ios androidA 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 framework library overlay menu toast carousel projector checkbox select badge popover navigationbar listrow tabview segmented ui wheel teaset react nativereact-popover >= 0.5.0 supports React 16 while react-popover < 0.5.0 works with React 15.x.x and likely lower. There is no plan to support older versions of this library with back-ported patches and PRs for that purpose are not welcome since it increases maintenance for the authors. Look at the stories in our storybook.
react ui-componentsA react native component, easy, fully customizable, implementing the 'swipe down to close' feature. Check index.js in the Example folder.
react-component react-native ios android modal box modalbox window swipeUse the built-in share view from iOS and Android to let the user share on Facebook and Twitter. It will use the user's existing account without having to get new authorizations. You can even preset text, image and link for the share view. Let me know how it works.
react-native react twitter facebook popup share-popups slcomposeviewcontroller rctbridgemodule social react-component react-native-component mobile ui react-native-facebook react-native-twitterNativeBase 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.
react-native nativebase ui-components native-platforms ios android react native native-modules react-component navbar packager rnpmA React Native component for generating and displaying interactive star ratings. Compatible with both iOS and Android. For the emptyStar, fullStar, halfStar, and iconSet props, please refer to the react-native-vector-icons package for the valid string names for the star icons. When selecting the icon string names, you must remember to remove the font family name before the first hyphen. For example, if you want to use the ion-ios-star from the Ionicon font set, you would set the fullStar prop to ios-star and the iconSet to Ionicons.
star-rating star-rating-component react-native react-native-component custom-star star-icon react-native-star-rating star rating ratings component react native stars review reviews react-component ios androidReact Native Button component for iOS & Android. CircleButton, RoundButton, RectangleButton is on top of ButtonComponent. So I recommend you should use CircleButton, RoundButton, RectangleButton, rather than directly use ButtonComponent because those button components may have preset some options.
react react-native button react-native-button ios android react-button react-native-button-component component react-component react-native-componentProgress indicators and spinners for React Native using ReactART. To use the Pie or Circle components, you need to include the ART library in your project on iOS, for android it's already included.
react-native react-component react-native-component react mobile ios ui progress progressindicator circle pie bar progressbar indeterminate spinner animationA set of UI components, in the purpose of introducing Material Design to apps built with React Native, quickly and painlessly. First, cd to your RN project directory, and install RNMK through rnpm . If you don't have rnpm, you can install RNMK from npm with the command npm i -S react-native-material-kit and link it manually (see below).
react-native material-design react native react-component react-native-component ios android materialkitCheckbox component for react native, it works on iOS and Android. Add react-native-check-box to your js file.
check-box checkbox-component react-native react-native-checkbox react-native-component check box react-component ios androidThere's far bigger problems to solve in the open source and React Native communities than competing icon libraries so I'll be focusing on pushing forward other initiatives. Includes 5 different icon fonts and 2,444 icons.
react icons react-native react-component react-native-component mobile ui react-native-icons font tab-bar ios android icon fontsReact Native Popup Dialog for iOS & Android. Another similar dialog component: react-native-dialog-component the main difference is style.
react react-animate react-native component dialog es6 popup react-dialog react-native-popup-dialog react-native-dialog popup-dialog react-component ios androidNote: Progress indicators has been broken out to a separate component; react-native-progress. To use them, please follow installation instructions for that package. Note: onLoad* events are bubbled up, so if you want to do some custom thing when the image is loaded for example.
react-native react-component react-native-component react mobile ios ui image progress bar progressbar spinner activityindicator loading indicatorA declarative cross-platform react-native datetime-picker. This library exposes a cross-platform interface for showing the native date-picker and time-picker inside a modal. You will have an unified user experience, you won't have to worry anymore about testing the device platform and you won't have to programmatically call the Android TimePicker/DatePicker APIs.
react react-native modal date time picker ios android native
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.