就是第一次加载时能加载出相应的数据,在后来加载更多的时候,状态机里的 dataArray 改变了,但是页面不会动态刷新,一般要怎么做才行,刚接触 RN 还不是很懂这个机制
render 代码
renderData() { return ( <View> {this.state.dataArray.length !== 0 ? <SectionList renderItem={this.renderItemView} renderSectiOnHeader={this.renderListHeaderView} showsVerticalScrollIndicator={false} sectiOns={this.state.dataArray} /> : <View/>} </View> ); } render() { return this.renderData(); } 调用代码
loadHome() { const {navigate} = this.props.navigation; if (!this.state.isRefreshing) { return ( <View> {/* 将 this 对象传过去 */} <ScrollImage navigate={navigate} _home={this}/> <NewsView navigate={navigate} _home={this}/> </View> ) } else { return ( <View/> ) } } render() { const {navigate} = this.props.navigation; return ( <ScrollView ref='ScrollView' style={{backgroundColor: '#F3F3F3'}} OnScroll={this._onScroll.bind(this)} scrollEventThrottle={50} refreshCOntrol={ <RefreshControl refreshing={this.state.isRefreshing} OnRefresh={this._onRefresh.bind(this)} colors={['#00A2ED']} progressBackgroundColor="#ffffff"/> }> {this.loadHome()} </ScrollView> ); } 