React Native Toast (remobile)

A android like toast for react-native support for ios and android

Installation

sh
npm install react-native-toast --save


$3

* 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.
$3

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); }

...... }`

`$3`


!ios
Usage
$3

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, } });``

$3

* look https://github.com/EddyVerbruggen/Toast-PhoneGap-Plugin

$3

* this project come from https://github.com/EddyVerbruggen/Toast-PhoneGap-Plugin