问题标签 [react-native-paper]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - React Native Paper 深色主题
如何在 React Native Paper 中将主题设置为深色主题?在我所有的屏幕中,所有的<View>
's 仍然有白色背景。
reactjs - 反应原生纸张组件没有拉出正确的字体
我的react-native-paper
组件textInput
不会拉出我设置的字体。
我遵循了有关如何更改 RN Paper 组件的字体的官方文档https://callstack.github.io/react-native-paper/fonts.html
另一个组件,也来自react native paper
正确拉字体
typescript - 如何将自定义抽屉项目动态设置为“聚焦”?
我的最终目标是根据其他地方设置的一些状态为一些抽屉项目提供自定义背景颜色。我知道为了给抽屉项目提供独特的背景颜色,我需要设置自定义抽屉内容。但是,我遇到了一个问题,我无法让自定义抽屉图标知道它们是否在焦点上。
我最初认为我可以只做一个const [bHomeFocused, setbHomeFocused] = useState(false)
(等)并设置状态onPress
,然后在其focused
上设置属性,但是当更多的抽屉物品进来时,我认为这听起来像是一个笨拙的解决方案。
我敢肯定,我缺少一个简单的答案,因为非自定义 DrawerItems 固有地具有此功能...
reactjs - 无法成功调整浮动操作按钮包中的图标大小 React Native
将在底部提供图像以显示我的意思
我希望得到一些关于我可能出了什么问题的建议。我一直在尝试寻找不同的包裹,但无法得到我想要的。当我尝试使用react-native-floating-action
它时,它给了我我正在寻找的正确尺寸,但我无法控制关闭是如何完成的。就像我不希望它在按下项目时关闭。
我也尝试过使用react-native-paper
,但图标太小了。如果我尝试调整它的大小,它们就会开始被切断,所以希望就两者之一或其他东西(如果有的话)提供一些建议。
代码
在下图中。它显示了当我在使用时尝试增加图标的一侧时会发生什么react-native-paper
。
下面的下一张图片是react-native-floating-action
. 图标要好得多,但我遇到的问题主要是我无法阻止操作在单击项目后折叠。我希望只在按下主按钮时打开和关闭。
感谢您对此提供的所有帮助和建议。
android - 如何在 react-native-webview 中使 WebView 可滚动?
我有<WebView>
它嵌入在<Card.Content>
我正在使用的react-native-paper
. 我正在尝试WebView
滚动。webview 显示但不可滚动。
我正在使用的代码:
我怎样才能使WebView
滚动?
android - 如何在 android 中制作 IconButton?
在使用 react native 很长一段时间后,我正在研究 android,但我似乎在 android 中找不到任何关于 IconButtons 的信息,比如这里的:
https://callstack.github.io/react-native-paper/icon-button.html
谢谢
reactjs - 在 React Native 中访问主题颜色
我正在尝试访问主题的原色。我有一个问题,因为错误说“无法读取未定义的属性颜色”
请在下面检查我的代码。
reactjs - React Native Paper 文本输入更改颜色
这是我使用 React Native Paper 生成文本输入的 React Native 代码。
它将生成以下文本输入:
如何将“输入标签”的文本颜色从蓝色更改为红色?
这是官方文档:https ://callstack.github.io/react-native-paper/1.0/text-input.html 但似乎找不到将颜色从蓝色变为红色的方法。
react-native - React Native Paper Text Input - 在初始状态下调整标签颜色
我想在初始状态(不是 onFocus)调整概述的 react-native-paper TextInput 标签颜色。这是我的 OutlinedInput 组件:
在我的 Register 组件中,我在其中创建了一个 OutlinedInput 组件:
我在 Register 组件的顶部添加了这一行:
如果我不点击输入,我的程序截图:
这是单击输入的屏幕截图:
如您所见,标签用户名的颜色为黑色。我想将其设置为白色。单击它时,它按预期工作,但是标签颜色的初始状态不是我想要的。
我尝试使用占位符来解决这个问题。我在 OutlinedInput 中添加了占位符道具,并将占位符颜色更改为白色,但在这种情况下,占位符没有变成轮廓。当我尝试有关占位符的任何内容时,它并没有被概述。
打开程序后如何调整标签颜色以使其显示为白色?