react native 6 用ScrollView制作滚动的分类标签

这里构建一个可以滚动的分类选项卡,主要使用ScrollView组件。

我们还来到HomeScreen.js文件

因为我们要使用ScrollView,所以导入它

后面我们要它,渲染到视图中:

这里面包含了每个分类,

看看ScrollView上的这些属性:

showsHorizontalScrollIndicator={false}  不现实滚动条

horizontal={true} 内容一行排列

添加样式:

下面你要留意再ScrollView组件中有一行

而且每个分类都有,这些代码,那他们中有一个this._loadProduct,他的目的是点击后,获取相应的分类数据(在这里我们就不去获取产品了,只是更改名称)。

然后,再页面中获取更改的名称:

看看效果把:

rareactnative003

 

现在粘贴HomeScreen整体代码:

 

发表评论