# React Native Toast (remobile) A android like toast for react-native support for ios and android ## Installation ```sh npm install react-native-toast --save ``` ### Installation (iOS) * Drag RCTToast.xcodeproj to your project on Xcode. * Click on your main project file (the one that represents the .xcodeproj) select Build Phases and drag libRCTToast.a from the Products folder inside the RCTToast.xcodeproj. * Look for Header Search Paths and make sure it contains both $(SRCROOT)/../react-native/React as recursive. ### Installation (Android) ```gradle ... include ':react-native-toast' project(':react-native-toast').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-toast/android') ``` * In `android/app/build.gradle` ```gradle ... dependencies { ... compile project(':react-native-toast') } ``` * register module (in MainActivity.java) ```java import com.remobile.toast.*; // <--- import public class MainActivity extends Activity implements DefaultHardwareBackBtnHandler { ...... @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); mReactRootView = new ReactRootView(this); mReactInstanceManager = ReactInstanceManager.builder() .setApplication(getApplication()) .setBundleAssetName("index.android.bundle") .setJSMainModuleName("index.android") .addPackage(new MainReactPackage()) .addPackage(new RCTToastPackage()) // <------ add here .setUseDeveloperSupport(BuildConfig.DEBUG) .setInitialLifecycleState(LifecycleState.RESUMED) .build(); mReactRootView.startReactApplication(mReactInstanceManager, "ExampleRN", null); setContentView(mReactRootView); } ...... } ``` ### Screencasts ![ios](https://github.com/remobile/react-native-toast/blob/master/screencasts/ios.gif) ## Usage ### Example ```js var React = require('react-native'); var { StyleSheet, View, Image } = React; var Toast = require('react-native-toast'); var Button = require('react-native-simple-button'); module.exports = React.createClass({ render() { return ( ); }, }); var styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'space-around', alignItems: 'center', backgroundColor: 'transparent', paddingVertical:150, } }); ``` ### HELP * look https://github.com/EddyVerbruggen/Toast-PhoneGap-Plugin ### thanks * this project come from https://github.com/EddyVerbruggen/Toast-PhoneGap-Plugin

	Stars	Issues	Version	Updated	Created
react-native-root-toast	2,010	87	3.5.1	8 months ago	8 years ago
react-native-snackbar			2.6.2	a year ago	7 years ago
react-native-toast	346	36	1.0.1	8 years ago	8 years ago
react-native-toast-native	100	18	1.2.1	7 years ago	7 years ago

react-native-root-toast vs react-native-snackbar vs react-native-toast vs react-native-toast-native

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Popular Searches

Sick of boring JavaScript newsletters?

Downloads in past