react-native-auto-scrolling-message

Demo

Basic usage

1import React from 'react';
2import { Text, View, Image } from 'react-native';
3import ScrollingMessageView from 'react-native-auto-scrolling-message'
4
5export default class App extends React.Component {
6  render () {
7    return (
8      <ScrollingMessageView
9        height={40}
10        childrenHeight={20}
11        duration={2000}
12        containerStyle={{backgroundColor: '#fff'}}
13        childrenStyle={{backgroundColor: '#fff'}}
14      >
15        <View>
16          <Image source={{uri: 'https://facebook.github.io/react/img/logo_og.png'}}
17            style={{width: 50, height: 50}}
18           />
19          <Text>Open up App.js to start working on your app!</Text>
20        </View>
21        <Text>In the render method, we create!</Text>
22        <Text>different interpolated value variables</Text>
23      </ScrollingMessageView>
24    )
25  }
26}

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