UNPKG

react-native-auto-scrolling-message

Version:
42 lines (37 loc) 1.19 kB
## react-native-auto-scrolling-message ### Demo ![](./demo.gif) ### Basic usage ```js import React from 'react'; import { Text, View, Image } from 'react-native'; import ScrollingMessageView from 'react-native-auto-scrolling-message' export default class App extends React.Component { render () { return ( <ScrollingMessageView height={40} childrenHeight={20} duration={2000} containerStyle={{backgroundColor: '#fff'}} childrenStyle={{backgroundColor: '#fff'}} > <View> <Image source={{uri: 'https://facebook.github.io/react/img/logo_og.png'}} style={{width: 50, height: 50}} /> <Text>Open up App.js to start working on your app!</Text> </View> <Text>In the render method, we create!</Text> <Text>different interpolated value variables</Text> </ScrollingMessageView> ) } } ``` ### Props * height: container height, default 40 * childrenHeight: scrolling object height, default 20 * duration: duration for each flash, default 2000ms * containerStyle: custom style for the component container * childrenStyle: custom scrolling object style