1px差异,文本和文本输入在react本地

pdkcd3nj  于 2023-01-27  发布在  React
关注(0)|答案(1)|浏览(114)

我正在使用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>

我试着给文本和文本输入相同的高度,但没有解决这个问题

jckbn6z7

jckbn6z71#

我解决了这个问题,这个问题是来自我的大小为h-12的父视图,但它太小的字体大小。虽然textinput是空的textinputs高度较小,没有问题,它可以居中,但当我添加一个值的textinputs高度变化,所以它移动。修复是使用更好的高度参数的父视图。这是真的很容易修复的问题,但我没有't设法找到我问chatgpt第一,我得到了同样的线高问题,它使我寻找另一个地方,我失去了很多时间。

相关问题