小编Mop*_*lio的帖子

我可以在一个状态内有一个函数来反应吗?

我正在尝试在这样的状态中创建变量和函数

     state = {
          modalVisible: false,
          photo:""
          getDataSourceState
    }
Run Code Online (Sandbox Code Playgroud)

我已经完成了,我如何在状态之外调用该函数并设置一个新状态。

这是我所做的,但我不断收到错误

    getDataSourceState() {
        return {
          dataSource: this.ds.cloneWithRows(this.images),
        };
      }



    this.setState(this.getDataSourceState());
Run Code Online (Sandbox Code Playgroud)

看看是什么促使我提出这个问题,因为我发现很难在状态中访问 modalVisible,因为有一个 this.state = this.getDataSource()

constructor(props) {
    super(props);
    this.state = {
      modalVisible: false,
      photo:"",
      sourceState: getDataSourceState()
    }
    this.ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2});
    this.lastPhotoFetched = undefined;
    this.images = [];
    this.fetchPhotos();
    this.getDataSourceState = this.getDataSourceState.bind(this)
  }

componentDidMount(){
  this.getDataSourceState();
}

  getDataSourceState() {
    return {
      dataSource: this.ds.cloneWithRows(this.images),
    };
  }

  getPhotosFromCameraRollData(data) {
    return data.edges.map((asset) => {
      return asset.node.image;
    });
  }

}
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-native

13
推荐指数
1
解决办法
2万
查看次数

TabLayout和底部导航

描述问题的图像

您好,我已经搜索了实现上图所示内容的可能方法,但是找不到任何帮助。我想创建一个TabLayout和底部导航,以便将TabLayout绑定到第一个底部图标,将第二个底部图标绑定到另一个TabLayout

如果您可以提供示例或示例代码的帮助,我们将非常高兴。我还是一个初学者。

android android-fragments android-tablayout bottomnavigationview

2
推荐指数
1
解决办法
5071
查看次数

FlatList内的TextInput

描述

从下面的示例代码中,FlatList返回n个TextInput,当在特定的TextInput上输入值时,它将保持每隔一个TextInput的重新呈现。

样例代码

<FlatList
    ...........
    renderItem ={this.renderItem}
/>

renderItem=(item)=>{

   <Text>{item.name}</Text>
   <TextInput
   .........
   onChangeText ={(text)=>this.setState({text})}
   value={this. state.text}
/>

}
Run Code Online (Sandbox Code Playgroud)

我试图将一个键分配给TextInput但不知道如何对其进行验证

javascript android react-native react-native-flatlist

1
推荐指数
1
解决办法
2161
查看次数