问题标签 [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 投票
0 回答
107 浏览

react-native - fontFamily“材料”不是系统字体,尚未通过 Font.loadAsynch 与 Expo react native 加载

问题

升级到最新的世博SDK后,我收到以下错误:

fontFamily:“material”不是系统字体,还没有通过 Font.loadAsync 加载。

我没有在任何地方使用“材料”字体,我发现它是 expo 字体的内部字体/依赖项。

我的环境

Expo可能创建字体的错误位置

路径: /node_modules/@expo/vector-icons/build/MaterialIcons.js

重现步骤

升级到最新版本的 Expo SDK (36.0.2) 将 react-native-paper 添加到项目中 制作示例屏幕 如果需要加载自定义字体

我已经采取的步骤:

额外的信息

0 投票
1 回答
158 浏览

javascript - 使静态反应本机页面在不同设备上看起来相同的最佳方法是什么?

我正在开发一个小型反应本机应用程序。其中一页是静态的,由大量图片和文字组成。我正在使用 react-native-paper,其中每张卡片都有一个标题和图片,有时还有一段文字。

我遇到了一个问题,图片在我的 Pixel 4XL 上看起来不错,但在我的 iPad Pro 上会被截断。我尝试遵循一个指南,该指南将考虑正在使用的设备并缩放 react-native-paper 卡和封面(图片本身)以适合,但它似乎并没有按照我想要的方式行事。所有卡片都有cardTest风格,所有封面都有pictureTest风格。

iPad Pro 上的第一张卡片

Pixel 4XL 上的第一张卡

任何帮助或一般反馈将不胜感激!

0 投票
2 回答
10203 浏览

react-native - 在 React Native Web 的情况下自定义 react-native-paper 的 TextInput Label

我正在使用带有样式组件的 React Native Web 和 React Native Paper 库。基本上我想自定义 TextInput 内部组件:标签和html 输入

问题是:

1)如何更改标签样式?例如。宽度\尺寸\颜色等?
2)如何更改html输入样式?

我想设置outline: none以防止在浏览器的情况下蓝色边框显示在焦点上。我知道,在我们没有原生的情况下,原html生网络会对其进行编译。

而且我无法理解如何捕获嵌套标签组件来更改其样式。因为我想在未填充时显示灰色标签,在填充时显示紫色并且输入文本应该是black。在网络的情况下,这是微不足道的,但在原生的情况下,我不知道如何处理它。

那有可能吗?

谢谢你的帮助。这是代码示例

PS 基本上,即使颜色和 fontFamily 也无法正常工作

0 投票
2 回答
2747 浏览

react-native - 有没有办法在 react-native-paper SearchBar 中获取键盘搜索/返回输入?

我正在开发一个需要搜索栏的原生 android 应用程序。我正在使用 react-native-paper 中的 SearchBar,我检查了他们的文档,找不到任何方法来查找用户是否按下了键盘上的小搜索按钮。

由于我不熟悉移动应用程序开发,因此不确定此输入或按钮本身是否有正式名称,但如果不清楚,请使用该应用程序的屏幕截图。我指的是键盘本身的搜索按钮,在本例中为蓝色。

截屏

通过一些挖掘,我发现 React Native 中的 TextInputs 有一个 onSubmitEditing={} 可以触发您想要的任何返回键操作。

本质上,我想知道 react-native-paper 中是否有 SearchBar 的等效道具。

0 投票
4 回答
6053 浏览

react-native - 如何使用 react-native-paper 主题设置禁用按钮的颜色?

react-native-paper文档建议您可以使用主题设置禁用按钮的颜色,但此代码不起作用:

但是primary颜色有效。禁用时如何更改按钮的颜色?

0 投票
0 回答
1092 浏览

react-native - 渲染 Snackbar 会导致单元测试失败

我有一个简单的单元测试,我正在尝试使用 Jest 和 React 测试库进行设置,单击一个按钮以<Snackbar />react-native-paper出现,我遇到的问题是,一旦 Snackbar 可见,我的测试就结束了超时,我假设是因为duration道具会在超时时自动关闭 Snackbar 组件。

我的测试如下所示:

保留它会使测试超时并出现以下错误。删除Snackbar给测试一个实际的失败。

我尝试过使用许多变体,useFakeTimers但在这种情况下我似乎无法让它正常工作。

任何帮助,将不胜感激!

0 投票
1 回答
1940 浏览

react-native - 如何调整 react-paper card.cover 中的图像大小以适应高度?

我有:

并且我正在尝试缩放以Card.Cover使每张卡片的高度不同 - 而是取决于图像尺寸。目前,所有卡片都具有相同的高度和宽度。我怎样才能做到这一点?

0 投票
1 回答
1050 浏览

react-native - 无法使用 react-native-paper 和 @react-navigation/bottom-tabs 滚动

我有:

它加载正常,但我无法滚动。我也在react-native-web尝试使其与网络兼容。

0 投票
0 回答
25 浏览

react-native - 最后一个字符中的不同样式以显示必填字段

需要为 * 设置红色样式以显示其必填字段(在标签中)

0 投票
2 回答
4321 浏览

javascript - 如何将 React Native Paper 菜单中的选定项目传递给 Input/TextInput onChangeText 行为

我试图弄清楚如何将参数/道具传递给反应原生纸的输入,因为反应原生纸没有适当的下拉菜单,所以我很乐意在我的项目,但是文档太糟糕了,没有关于如何从该项目中获取元素的示例,也没有将该参数传递给其他地方。

这是菜单,如您所见

我的想法是按下锚点上的那个按钮,显示菜单并选择一个项目,然后该项目将显示在 textinput 上,就像我在这个组件中键入一样