whitetown-ui-toast v0.1.1

whitetown-ui-toast

This is a simple function which uses

• react-native-root-toast
• whitetown-ui

So, it just displays the original toast and stilyze it with whitetown-ui

I decided to keep it outside of whitetown-ui: react-native-root-toast depends on other modules and it could be not acceptable for somebody else.

installation

Installation can be done through npm or yarn:

npm i whitetown-ui-toast --save

yarn add whitetown-ui-toast

Install dependencies for react-native-root-toast:

yarn add redux
yarn add react-redux

Install dependencies for whitetown-ui:

yarn add react-native-vector-icons
react-native link

Usage

import showToast from 'whitetown-ui-toast'

// display default toast:

<TouchableOpacity onPress={()=>showToast('default message')} >
    <Text>default</Text>
</TouchableOpacity>

// display success toast using default theme:

<TouchableOpacity onPress={()=>showToast('success message', 'success')} >
    <Text>success</Text>
</TouchableOpacity>

// display danger toast using custom theme:

<TouchableOpacity onPress={()=>showToast('danger message', 'danger', { theme: this.props.theme })} >
    <Text>danger</Text>
</TouchableOpacity>

License

This project is licenced under the MIT License.