Javascript 占位符赢得';使用react native picker select进行椭圆化
我正在使用自定义样式(使用)。但是,由于useNativeAndroidPickerStyle属性设置为false,因此过长的文本不会省略,而是向右移动 将useNativeAndroidPickerStyle设置为true后,文本将省略,但样式将丢失。添加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
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,
}
});