css - 当聚焦和编辑 TextInput 时，它会破坏左侧的值

Question

我有一个 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,
  },

Answer 1

问题完全是样式问题，与输入的功能无关。如果我没有说清楚，我很抱歉。

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