您的位置:首页 > Web前端 > React

scroll to index for flat list in react-native

2017-07-24 15:54 597 查看
Two things that I can see,

You need not define string refs within
{}
. However React docs suggest you to make use of ref callback

Do it something like

<FlatList
ref={(list) => this.myFlatList = list}
data={data}
keyExtractor={this._keyExtractor}
renderItem={this._renderItem}
/>


You need to bind your function to be able to refer to the correct context

Do it like

_enableTVEventHandler = () => {
this._tvEventHandler = new TVEventHandler();
this._tvEventHandler.enable(this, function(cmp, evt) {
this.myFlatList.scrollToIndex({viewPosition: 0.5, index: 2});
}.bind(this));
}

or

constructor(props) {
super(props) ;
this._enableTVEventHandler = this._enableTVEventHandler.bind(this);
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐