我正在使用nativewind。问题是文本输入和文本没有行的差异是1px,你可以看到在图像中,我没有添加任何填充,他们是在同一个视图。我该如何解决这个问题?
Diffrence
<View className=" flex w-10/12 flex-row items-center focus:bg-fixinput dark:bg-fixinputDark">
<Text className="text-lg text-black pl-1">
{countryJson.find((country: any) => country.code === 'AT').dial_code}
</Text>
<TextInput
ref={phoneInputRef}
value={phone}
maxLength={10}
onChangeText={setPhone}
keyboardType="phone-pad"
placeholder="Your Phone Number"
autoComplete="tel"
autoCorrect={false}
autoCapitalize="none"
placeholderTextColor={'#999'}
className=" rounded text-red-500 text-lg h-20"
/>
</View>
我试着给文本和文本输入相同的高度,但没有解决这个问题
1条答案
按热度按时间jckbn6z71#
我解决了这个问题,这个问题是来自我的大小为h-12的父视图,但它太小的字体大小。虽然textinput是空的textinputs高度较小,没有问题,它可以居中,但当我添加一个值的textinputs高度变化,所以它移动。修复是使用更好的高度参数的父视图。这是真的很容易修复的问题,但我没有't设法找到我问chatgpt第一,我得到了同样的线高问题,它使我寻找另一个地方,我失去了很多时间。