android - 如何为内容创建带有虚线 borderbottom 的自定义文本输入？

Question

我想在 react-native 中为我的 TextInput 输入创建一个虚线边框。像这样http://uupload.ir/files/v9mn_dads.png

到目前为止，这是我的代码:

<TextInput maxLength={5} keyboardType={'numeric'} style={styles.numBox}></TextInput>

和样式表:

  numBox: {
    display: 'flex',
    width: 270,
    height: 58,
    marginLeft: 'auto',
    marginRight: 'auto',
    marginTop: 50,
    textAlign: 'center',
    fontFamily: 'IRANSansMobile_Bold',
    fontSize: 16,
    color: '#CD0448',
    backgroundColor: 'white',
    borderColor: '#CD0448',
    borderWidth: 1,
    borderRadius: 10,
    paddingTop: 15,
  },
});

我只设法创建框，不知道如何解决内容虚线问题。

Answer 1

看看this包裹。我想如果您使用 monospace 字体，您可以通过定义适当的字体样式来实现。