渲染许多Picker项目时滞后

时间:2016-06-13 19:58:27

标签: react-native

触摸向下箭头图标后,Picker组件渲染速度出现问题。用户可能会感到迟滞。当有很多选择器项目时会出现问题。在这种情况下,我该怎么做才能增强用户体验?可能会以某种方式首先呈现部分Picker项目吗?这里使用了React-native-picker-android,也许这是该组件的情况,但我想知道处理这个性能问题的最佳实践。

enter image description here

当触摸向下箭头时,this.state.modal将更改为true,Picker组件会对此更改作出反应,以使其显示在屏幕上。

    {this.state.modal ? <View style={{height: 200, backgroundColor: '#E8E8E5'}}>
      <Picker
        pickerStyle={styles.picker}
        itemStyle={{color: '#F99704'}}
        selectedValue={this.props.value}
        onValueChange={this.props.onChange}>

        <Picker.Item label={'07:00'} value={'07:00'} />
        <Picker.Item label={'07:00'} value={'07:00'} />
        <Picker.Item label={'07:00'} value={'07:00'} />
        <Picker.Item label={'07:00'} value={'07:00'} /> 
        .
        .
        .

0 个答案:

没有答案