React Native - 如何使用scrollVIew反转动态按钮的位置？

Question

我搜索了任何可能的重复问题，并花了几个小时来解决我的问题，但我还没找到我想要的东西，

我有一个动态Button，Button可以动态添加Text OnPress，这是我到目前为止使用的完整代码：

constructor(props){
  super(props); 
  this.state = {
    data:[
      {
        name: "Surgery Day",
        status: false,
        index: 0
      }
    ]
  }
}

_addDay(){
  var index = this.state.data.length
  var temp = {
    name: "Day "+ index,
    status: false,
    index: index
  }
  this.setState({
    data:[...this.state.data, temp]
  })
}

renderView(){
  var ListSurgeryDay = this.state.data.map((item,index)=>{
    return(
      <View>
        <TouchableOpacity>
          <View>
            <Text>{item.name}</Text>
            {item.status ? <SimpleLineIcons name='check'size={40} color='#005a00'/>
            : <View style={styles.circleIcon}/>}
          </View>
        </TouchableOpacity>
      </View>
    )
  })
  return ListSurgeryDay
}

render() {
  return (
    <View>
      <ScrollView>
        {this.renderView()}
        <Text style={global.global.HeaderText} onPress={()=>{this._addDay()}}>Add new day</Text>
      </ScrollView>
    </View>
  );
}

结果会像：

但是如何添加新的Button以列入榜单？ 有可能吗？