listview在setState（{ds}）后消失

Question

我对listview的重新渲染机制感到困惑。

Page 1已经呈现了两个项目的列表视图，然后我点击'添加'按钮，导航到另一个页面，并添加一个项目到页面1的数据源，然后导航回来。

我期望看到的是带有三个项目的页面1，但实际上是Page 2，listview消失了。但是如果我用鼠标/手指触摸它，listView会再出现三个项目。 我测试它在我的iPhone和模拟器

1的源代码：

class Market extends Component { 
    constructor(props) { 
    super(props) 
    this.state = { 
    dataSource: new ListView.DataSource({ rowHasChanged: (r1, r2) => r1 !== r2 }), 
    } 
} 

componentDidMount() { 
    this.refreshListView(this.props.data) 
} 

componentWillReceiveProps(nextProps) { 
    this.refreshListView(nextProps.data) 
} 

refreshListView() { 
    this.setState({ 
    dataSource: this.state.dataSource.cloneWithRows(data) 
    }) 
} 

render() { 
    return (
    <ListView 
     dataSource={this.state.dataSource} 
     renderRow={this._renderRow} 
     refreshControl={ 
     <RefreshControl/> 
     } 
    /> 
) 
} 

const mapStateToProps = createSelector(
    selectData(), 
    (data) => ({ 
    data, 
    }) 
) 

export default connect(mapStateToProps)(Market) 

Answer 1

刚刚发现的东西，有固定我的！尝试有类似的问题将removeClippedSubviews={false}您ListView

https://github.com/facebook/react-native/issues/8607#issuecomment-231371923