Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/remobile/react-native-toast
A android like toast for android and ios, android use native toast, ios use UIView+Toast
https://github.com/remobile/react-native-toast
Last synced: 19 days ago
JSON representation
A android like toast for android and ios, android use native toast, ios use UIView+Toast
- Host: GitHub
- URL: https://github.com/remobile/react-native-toast
- Owner: remobile
- License: mit
- Created: 2015-11-17T00:22:19.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2018-12-17T03:26:20.000Z (almost 6 years ago)
- Last Synced: 2024-11-07T23:45:05.380Z (about 1 month ago)
- Language: Objective-C
- Size: 623 KB
- Stars: 345
- Watchers: 9
- Forks: 144
- Open Issues: 35
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-react-native - react-native-toast ★336 - An android like toast for react-native support for iOS and Android (Components / UI)
- awesome-reactnative-ui - react-native-toast - native-toast/blob/master/screencasts/ios.gif)| (Others)
- awesome-react-native - react-native-toast ★336 - An android like toast for react-native support for iOS and Android (Components / UI)
- awesome-reactnative-ui - react-native-toast - native-toast/blob/master/screencasts/ios.gif)| (Others)
- awesome-react-native - react-native-toast ★336 - A android like toast for react-native support for ios and android (Components / UI)
- awesome-react-native-ui - react-native-toast ★196 - A android like toast for react-native support for ios and android (Components / UI)
- awesome-react-native - react-native-toast ★336 - An android like toast for react-native support for iOS and Android (Components / UI)
README
# React Native Toast (remobile)
A android like toast for react-native support for ios and android## Installation
```sh
npm install @remobile/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(settingsDir, '../node_modules/@remobile/react-native-toast/android')
```* In `android/app/build.gradle`
```gradle
...
dependencies {
...
compile project(':react-native-toast')
}
```* register module (in MainApplication.java)
```java
......
import com.remobile.toast.RCTToastPackage; // <--- import......
@Override
protected List getPackages() {
......
new RCTToastPackage(), // <------ add here
......
}```
```### Screencasts
![ios](https://github.com/remobile/react-native-toast/blob/master/screencasts/ios.gif)## Usage
### Example
```js
var React = require('react');
var ReactNative = require('react-native');
var {
StyleSheet,
View,
Image
} = ReactNative;var Toast = require('react-native-toast');
var Button = require('@remobile/react-native-simple-button');module.exports = React.createClass({
render() {
return (
show
showShortTop
showShortCenter
showShortBottom
showLongTop
showLongCenter
showLongBottom
);
},
});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### see detail use
* https://github.com/remobile/react-native-template