React native 防止文本输入字段中的文本滚动和截断

我的

React Native

应用程序中有

TextInput

字段，如果不将行高设置为非常大的值，我无法使字段中的文本不滚动并截断文本底部

下面是正在发生的事情的图像：

道具的样式如下：

input: {
  height: 28, 
  paddingBottom: 0, 
  fontSize: 18,  
  color: '#000', 
  borderBottomWidth: 1.5,    
},

---

有没有办法强制文本在

TextInput

中不移动请从样式中删除高度支柱

input: {
  paddingBottom: 0, 
  fontSize: 18,  
  color: '#000', 
  borderBottomWidth: 1.5,    
},

我想这会对你有帮助

---

如果您想设置，请至少设置40

textAndroid中的Input似乎有一个默认的paddingBottom设置，而iOS没有，因为android有下划线标记，而iOS没有。每个平台有不同的默认填充

这就是为什么衬垫底部或衬垫不能正常工作的原因

---

请检查以下内容

删除静态高度并设置

paddingVertical:7

同时使用

includeFoundPadding:false

这里有7个示例，您可以根据自己的选择进行设置

样本样式

textInput: {
    borderWidth: 1,
    borderColor: colors.borderColor,
    color: colors.fontPrimary,
    fontSize: 16,
    paddingLeft: 16,
    includeFontPadding:false,
    backgroundColor: colors.white,
    marginHorizontal: 16,
    borderRadius: 5,
    paddingVertical:7,
  }

---

为什么这会改变一切？如果我去掉高度，这些线就会相距很远。但是，如果字段的高度为28，字体的大小为18，为什么会有滚动呢？@professional如果删除的高度在不同的设备上不同，那么paddingBottom:0是我检查过的最佳解决方案。