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