问题标签 [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.

0 投票
1 回答
5046 浏览

javascript - React Native Paper 深色主题

如何在 React Native Paper 中将主题设置为深色主题?在我所有的屏幕中,所有的<View>'s 仍然有白色背景。

0 投票
1 回答
1080 浏览

reactjs - 反应原生纸张组件没有拉出正确的字体

我的react-native-paper组件textInput不会拉出我设置的字体。

我遵循了有关如何更改 RN Paper 组件的字体的官方文档https://callstack.github.io/react-native-paper/fonts.html

另一个组件,也来自react native paper正确拉字体

0 投票
1 回答
2908 浏览

typescript - 如何将自定义抽屉项目动态设置为“聚焦”?

我的最终目标是根据其他地方设置的一些状态为一些抽屉项目提供自定义背景颜色。我知道为了给抽屉项目提供独特的背景颜色,我需要设置自定义抽屉内容。但是,我遇到了一个问题,我无法让自定义抽屉图标知道它们是否在焦点上。

我最初认为我可以只做一个const [bHomeFocused, setbHomeFocused] = useState(false)(等)并设置状态onPress,然后在其focused上设置属性,但是当更多的抽屉物品进来时,我认为这听起来像是一个笨拙的解决方案。

我敢肯定,我缺少一个简单的答案,因为非自定义 DrawerItems 固有地具有此功能...

0 投票
0 回答
968 浏览

reactjs - 无法成功调整浮动操作按钮包中的图标大小 React Native

将在底部提供图像以显示我的意思

我希望得到一些关于我可能出了什么问题的建议。我一直在尝试寻找不同的包裹,但无法得到我想要的。当我尝试使用react-native-floating-action它时,它给了我我正在寻找的正确尺寸,但我无法控制关闭是如何完成的。就像我不希望它在按下项目时关闭。

我也尝试过使用react-native-paper,但图标太小了。如果我尝试调整它的大小,它们就会开始被切断,所以希望就两者之一或其他东西(如果有的话)提供一些建议。

代码

在下图中。它显示了当我在使用时尝试增加图标的一侧时会发生什么react-native-paper

在此处输入图像描述

下面的下一张图片是react-native-floating-action. 图标要好得多,但我遇到的问题主要是我无法阻止操作在单击项目后折叠。我希望只在按下主按钮时打开和关闭。

在此处输入图像描述

感谢您对此提供的所有帮助和建议。

0 投票
3 回答
4084 浏览

android - 如何在 react-native-webview 中使 WebView 可滚动?

我有<WebView>它嵌入在<Card.Content>我正在使用的react-native-paper. 我正在尝试WebView滚动。webview 显示但不可滚动。

我正在使用的代码:

我怎样才能使WebView滚动?

0 投票
1 回答
46 浏览

android - 如何在 android 中制作 IconButton?

在使用 react native 很长一段时间后,我正在研究 android,但我似乎在 android 中找不到任何关于 IconButtons 的信息,比如这里的:

https://callstack.github.io/react-native-paper/icon-button.html

谢谢

0 投票
3 回答
1123 浏览

reactjs - 在 React Native 中访问主题颜色

我正在尝试访问主题的原色。我有一个问题,因为错误说“无法读取未定义的属性颜色”

请在下面检查我的代码。

0 投票
2 回答
1352 浏览

reactjs - React Native Paper 文本输入更改颜色

这是我使用 React Native Paper 生成文本输入的 React Native 代码。

它将生成以下文本输入:

如何将“输入标签”的文本颜色从蓝色更改为红色?

这是官方文档:https ://callstack.github.io/react-native-paper/1.0/text-input.html 但似乎找不到将颜色从蓝色变为红色的方法。

0 投票
1 回答
2988 浏览

react-native - React Native Paper Text Input - 在初始状态下调整标签颜色

我想在初始状态(不是 onFocus)调整概述的 react-native-paper TextInput 标签颜色。这是我的 OutlinedInput 组件:

在我的 Register 组件中,我在其中创建了一个 OutlinedInput 组件:

我在 Register 组件的顶部添加了这一行:

如果我不点击输入,我的程序截图:

在此处输入图像描述

这是单击输入的屏幕截图:

在此处输入图像描述

如您所见,标签用户名的颜色为黑色。我想将其设置为白色。单击它时,它按预期工作,但是标签颜色的初始状态不是我想要的。

我尝试使用占位符来解决这个问题。我在 OutlinedInput 中添加了占位符道具,并将占位符颜色更改为白色,但在这种情况下,占位符没有变成轮廓。当我尝试有关占位符的任何内容时,它并没有被概述。

打开程序后如何调整标签颜色以使其显示为白色?

0 投票
1 回答
2034 浏览

typescript - React Native Paper List.Accordion 我可以放图标

客观的

我正在使用库react-native-paper并且正在使用List组件,但是在List.Accordion正确位置出现一个奇怪的图像时,我想在该位置放置一个图标箭头。但是List.Accordion只是收到left道具而没有right道具。

图片

在此处输入图像描述