Question

我想在react-native中创建一个水平滚动图库：

Like this其中单独屏幕点击。我还希望那些little circle things向您展示有多少页面，以及您所在的屏幕。就像ios主屏幕上的停靠栏上面的那些

到目前为止，我只有一个水平滚动视图，其中包含一些＆＃39;卡片＆＃39;在其中：

BarChart

我现在所拥有的页面没有＆＃39;并具有流畅的滚动。它可能与解决方案完全不同。还有什么叫做滚动/视图/图库的东西？

Answer 1

您可以使用具有圆圈指示符的视图寻呼机组件。请参阅ReactNativeViewPager

代码将如下所示

 <IndicatorViewPager
   style={{height:200}}
   indicator={this._renderDotIndicator()}>
      <View style={{backgroundColor:'cadetblue'}}>
            <Text>page one</Text>
      </View>
      <View style={{backgroundColor:'cornflowerblue'}}>
            <Text>page two</Text>
      </View>
      <View style={{backgroundColor:'#1AA094'}}>
            <Text>page three</Text>
      </View>
  </IndicatorViewPager>

反应原生：水平滚动图库

1 个答案: