菜单按钮水平对齐

Question

美好的一天！我开发了一个应用程序，其中在标题中有搜索栏，下面有一个菜单按钮，菜单按钮以数组格式静态编码，在其中我使用地图功能将其转换为按钮，以便生成许多按钮以数组对象形式给出。到目前为止，我在这里使用了4个按钮，并且还添加了水平滚动。这里的问题是用户无法看到第四个按钮，因为只有3个可见，才能看到我要滚动的第四个按钮。但我想指示用户还有另一个按钮。我们可以像showsHorizo​​ntalScrollIndicator = {true}这样来做，但是不想启用scrollIndicator。还有其他方法可以做到这一点吗？预先感谢。

let data = [
{
  id:0,
  value: "All",
  img1: require(imagepath + img1.jph)
},
 {
  id:1,
  value: "Item1",
  img1: require(imagepath + img1.jph)
},
{
  id:2,
  value: "Item3",
  img1: require(imagepath + img1.jph)
},
{
  id:3,
  value: "Item4",
  img1: require(imagepath + img1.jph)
},
 this.setState({
      items: data,
    });
render() {
  return (
    <View>
        <ScrollView
                horizontal={true}
                showsHorizontalScrollIndicator={false}
              >
                {this.state.items.map((item, i) => {
                  return (
                    <Button
                      style={{ width: 35 }}
                      key={i}
                    >
    </ScrollView>
    </View>
)
}