react-native-sk-toast

KO | EN

gitlite — search

#golang #machine-learning #rust #deep-learning #macos #java #nodejs #windows #awesome #awesome-list #vue #ios #mcp #open-source

react-native-sk-toast

(★ 16)

react native module to show toast like android, just for ios

react-native-sk-toast Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# react-native-sk-toast

##What is it
react-native-sk-toast is a react native module to show toast like android, I use another ope-source project  [Toast](https://github.com/scalessec/Toast) to implement image cache.

##How to use it

1. `npm install react-native-sk-toast@latest --save`

2. In XCode, in the project navigator right click `Libraries` ➜ `Add Files to [your project's name]`

3. Go to `node_modules` ➜ `react-native-sk-toast` ➜ `ios` and add `ReactNativeToast.xcodeproj`

![](https://raw.githubusercontent.com/shigebeyond/react-native-sk-toast/master/add-lib.png)

4. Add `libReactNativeToast.a` (from 'Products' under ReactNativeToast.xcodeproj) to your project's `Build Phases` ➜ `Link Binary With Libraries` phase

![](https://raw.githubusercontent.com/shigebeyond/react-native-sk-toast/master/chose-a.png)

![](https://raw.githubusercontent.com/shigebeyond/react-native-sk-toast/master/add-a.png)
5. Write this in index.ios.js / index.android.js
```javascript
'use strict';

var React = require('react-native');
var {
  AppRegistry,
  View,
  Text,
  TouchableOpacity,
  StyleSheet
} = React;
var Toast = require('react-native-sk-toast');
var Screen = require('Dimensions').get('window');

var styles = StyleSheet.create({
  container:{
    flex:1,
    alignItems: 'center',
    justifyContent: 'space-around'
  },
  button: {
    width: 70,
    height: 30,
    justifyContent: 'center',
    backgroundColor: 'yellow',
    borderColor: 'blue',
    borderWidth: 3,
    borderRadius: 5,
  },
  txt: {
    textAlign: 'center'
  }
});
```
6. Run your project (`Cmd+R`)

![](https://raw.githubusercontent.com/shigebeyond/react-native-sk-toast/master/demo.gif)

react-native-sk-toast

react-native-sk-toast Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

react-native-sk-toast

react-native-sk-toast Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README