聚焦并编辑TextInput时,它会打破左侧的值

时间:2019-01-05 13:03:47

标签: css3 react-native react-native-android react-native-ios

我有一个maxLength 5的TextInput,但是在编辑第一个字符时是“剪切”的。我已经尝试过paddingLeft,但没有任何区别。

iOS和android都会发生这种情况。

Here is an example

我的组件

<TextInput
  // onChangeText={value => changeInput()} - this will be field in the future
  defaultValue='00,00'
  style={style.value}
  autoCapitalize="none"
  underlineColorAndroid="transparent"
  keyboardType="number-pad"
  maxLength={5}
/>

样式:

  value: {
    color: color.white,
    fontFamily: FontRegular,
    fontSize: 40,
    fontWeight: 'bold',
    marginTop: 10,
    paddingLeft: 20,
  },

1 个答案:

答案 0 :(得分:0)

问题完全是样式问题,与输入功能无关。很抱歉,如果我不够清楚。

我解决了添加固定宽度的问题。