android - 在 React Native 中设置 React-Native-Paper 组件的样式

标签 android reactjs react-native react-native-paper

我正在使用 React Native Paper 的 TextInput 组件。但即使我输入了 borderwidth:0,我还是在 UI 中得到了轮廓。

enter image description here

当我们进行输入时(当数字键盘打开时),此内容不会出现

有人可以告诉我如何删除它吗?

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}
          />
        )}

最佳答案

添加 TextInput 的这些属性

activeUnderlineColor="white" underlineColor="transparent"

关于android - 在 React Native 中设置 React-Native-Paper 组件的样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/74938458/

相关文章:

java - 如何在 Android 中将 int 数组转换为 JSON 字符串?

Android - 刷新/重新启动以前的 Activity

android - 尝试从URL加载图像时,Glide无法加载资源

javascript - 如何使用 useEffect 钩子(Hook)注册事件?

react-native - 使用 React Native 创建复选框组

android - 如何使状态栏透明?

android - 什么时候使用蜂窝塔三角测量?

node.js - 需要相同 peerDependency 的多个版本

javascript - 使用变量 url 创建 href

reactjs - 将 Material UI 应用程序转换为移动设备并使其响应