Drop-in replacement of React Native StyleSheet with media-queries, variables, dynamic themes, relative units, percents, math operations, scaling and other styling stuff.Global variables are passed to EStyleSheet.build() and available in all stylesheets.
react react-native stylesheets theme theming style styling react-component react-native-component mobile ios androidA 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 materialkitViewPager and Indicator component for react-native on both android and ios. ViewPager's props is the same as ViewPagerAndroid.
react-native viewpager react-native-component react-component ios android pager pageview page tab-navigator scrollable tab navigator tab-bar tab-viewReact Native / rnpm will automatically link all the necessary libraries for both iOS and Android. If the installation goes off without a hitch, you can now skip to the Crashlytics Usage section or the Answers Usage section.
fabric crashlytics react-native answers react-component react-native-component react mobile 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 fontsSGListView is a memory minded implementation of the React Native's ListView. I'm currently looking for maintainers to help maintain and improve this package for the React-Native community. For more information please see GitHub Issue #48.
react react-native react-native-component listview sglistview sglistview-performance sg reactnativeTo make looping animations simply set the iterationCount to infinite. Most animations except the attention seekers work best when setting direction to alternate. You can create your own simple transitions of a style property of your own choosing. The following example will increase the font size by 5 for every tap – all animated, all declarative! If you don't supply a duration property, a spring animation will be used.
react-native animation transition react-component react-native-component react mobile ios android ui fade bounce slide animatablePure JavaScript, supports dynamic content heights and components that is aware of its collapsed state (good for toggling arrows etc). This is a convenience component for a common use case, see demo below.
react-native accordion collapsible animation react-component react-native-component react mobile ios android ui collapse toggleNote: 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 indicatorKeychain/Keystore Access for React Native. See manual installation below if you have issues with react-native link.
react-native keychain-access ios android react-component react-native-component react mobile keychainnavigator 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 imageProgress 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 animationCustomizable Icons for React Native with support for NavBar/TabBar/ToolbarAndroid, image source and full styling.
react-native icon icon-pack ui react-component react-native-component react mobile ios android osx icons vector retina fontA component for UIVisualEffectView's blur and vibrancy effect on iOS, and 500px-android-blur on Android. Note: The maximum blurAmount on Android is 32, so higher values will be clamped to 32.
react-native react-native-blur react-native-component ios react-componentOn iPhone, the scroll-to-top gesture has no effect if there is more than one scroll view on-screen that has scrollsToTop set to true. Since it defaults to true in ReactNative, you have to set scrollsToTop={false} on your ScrollView inside Menu component in order to get it working as desired.
react-native react-native-component side-menu react-component ios sidebarA cross-platform Tab View component for React Native. This is a JavaScript-only implementation of swipeable tab views. It's super customizable, allowing you to do things like coverflow.
react-native pager-component swipeview swipe tabs tabbar react-native-component react-component ios android tab scrollable coverflowPlease see the section Migrating To FlatList for all details. Migrating to SectionList is very similar. Please see example.js for a full usage example.
react react-native swipelistview ios android react-native-component react-component listview swipe swipeableReact Native Touch ID is a React Native library for authenticating users with biometric authentication methods like Face ID and Touch ID on both iOS and Android (experimental). In order to use Biometric Authentication, you must first link the library to your project.
react-native touchid apple react native touch-id react-component react-native-component authentication auth authenticate mobileA splash screen API for react-native which can programatically hide and show the splash screen. Works on iOS and Android.
react-native splash-screen android splashscreen ios react-native-splashscreen launchimage react-native-component react-native-splash-screen splash launch-screen launchscreenA component which takes HTML content and renders it as native views, with customisable style and handling of links, etc. If you're getting the error "undefined is not an object (evaluating 'RCTLinkingManager.openURL’)” from the LinkingIOS API, try adding ‘RCTLinking' to the project's 'Linked Frameworks and Libraries’. You might have to find RCTLinking.xcodeproj in the react-native package dir and drag that into your main Xcode project first.
react react-native html html-parser html-renderer react-component react-native-component mobile ui
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.