Javascript 占位符赢得';使用react native picker select进行椭圆化

Javascript 占位符赢得';使用react native picker select进行椭圆化,javascript,react-native,npm,react-native-android,Javascript,React Native,Npm,React Native Android,我正在使用自定义样式(使用)。但是,由于useNativeAndroidPickerStyle属性设置为false,因此过长的文本不会省略,而是向右移动 将useNativeAndroidPickerStyle设置为true后,文本将省略,但样式将丢失。添加textInputProps={{numberOfLines:1}}似乎也不能解决问题,因为它只是被忽略了。将numberOfLines属性添加到样式化组件中,但会引发错误,因为这不是样式化属性 pickdr的编码如下 <RNPicke

我正在使用自定义样式(使用)。但是,由于useNativeAndroidPickerStyle属性设置为false,因此过长的文本不会省略,而是向右移动

将useNativeAndroidPickerStyle设置为true后,文本将省略,但样式将丢失。添加
textInputProps={{numberOfLines:1}}
似乎也不能解决问题,因为它只是被忽略了。将numberOfLines属性添加到样式化组件中,但会引发错误,因为这不是样式化属性

pickdr的编码如下

<RNPickerSelect
          placeholder={{
            label: `${i18n.t('selectABoard')}`,
            value: null,
          }}
          items={items}
          onValueChange={
            value => {
              if (value != null && value !== selected) {
                if (boards.find(board => board.name === value.name)) {
                  onBoardSelected(value);
                } else {
                  onCommitteeSelected(value);
                }
              }
            }
          }
          value={selected}
          style={stylesPicker}
          Icon={() => (
            <IconContainer>
              <Entypo
                name="chevron-down"
                color={colors.PRIMARY_BLUE}
                size={20}
              />
            </IconContainer>
          )}
          useNativeAndroidPickerStyle={false}
          textInputProps={{numberOfLines: 1}}
        />

const stylesPicker = StyleSheet.create({
  placeholder: {
    color: colors.PRIMARY_BLUE,
  },
  inputIOS: {
    color: colors.PRIMARY_BLUE,
    height: NAVBAR_HEIGHT,
    paddingLeft: 16,
    paddingRight: 16,
  },
  inputAndroid: {
    color: colors.PRIMARY_BLUE,
    height: NAVBAR_HEIGHT,
    paddingLeft: 16,
    paddingRight: 16,
  },
  iconContainer: {
    alignItems: 'center',
    height: NAVBAR_HEIGHT,
    justifyContent: 'center',
    paddingRight: 16,
  }
});
{
如果(值!=null&&value!==selected){
if(boards.find(board=>board.name==value.name)){
车载选择(值);
}否则{
onCommitteeSelected(值);
}
}
}
}
值={selected}
style={stylesPicker}
图标={()=>(
)}
useNativeAndroidPickerStyle={false}
textInputProps={{numberOfLines:1}
/>
const stylesPicker=StyleSheet.create({
占位符:{
颜色:colors.PRIMARY_蓝,
},
输入:{
颜色:colors.PRIMARY_蓝,
高度:导航栏高度,
paddingLeft:16,
paddingRight:16,
},
InputDroid:{
颜色:colors.PRIMARY_蓝,
高度:导航栏高度,
paddingLeft:16,
paddingRight:16,
},
iconContainer:{
对齐项目:“居中”,
高度:导航栏高度,
为内容辩护:“中心”,
paddingRight:16,
}
});