reactjs 在react native中设置react-native-paper组件的样式

pbwdgjma  于 2022-12-29  发布在  React
关注(0)|答案(2)|浏览(198)

我正在使用React Native Paper的TextInput组件。但是我在UI中得到了大纲,即使我放入了borderwidth:0

当我们输入时(数字键盘打开时),这不会出现
有人能告诉我怎么把这个拿掉吗?

render={({field: {onChange, onBlur, value}}) => (
          <TextInput
            keyboardType="decimal-pad"
            autoFocus
            //type= "outlined"
            maxLength={10}
            left={element}
            placeholder="Phone Number"
            style={{
              width: s(250),
              height: s(35),
              borderRadius: s(20),
              backgroundColor: theme.colors.white,
              //borderWidth: 0,
            }}
            onBlur={onBlur}
            theme={{
              roundness: s(20),
            }}
            onChangeText={onChange}
            value={value}
          />
        )}
jq6vz3qz

jq6vz3qz1#

添加这些TextInput属性
活动下划线颜色=“白色”下划线颜色=“透明”

jgwigjjp

jgwigjjp2#

==〉你也需要加上这个。

<TextInput
            mode="outlined"
            outlineColor=theme.colors.white
            keyboardType="decimal-pad"
            autoFocus
            //type= "outlined"
            maxLength={10}
            left={element}
            placeholder="Phone Number"
            style={{
              width: s(250),
              height: s(35),
              borderRadius: s(20),
              backgroundColor: theme.colors.white,
              //borderWidth: 0,
            }}
            onBlur={onBlur}
            theme={{
              roundness: s(20),
            }}
            onChangeText={onChange}
            value={value}
          />

相关问题