问题标签 [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.
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 添加到项目中 制作示例屏幕 如果需要加载自定义字体
我已经采取的步骤:
- 重新启动计算机
- 删除缓存、node_modules 等并重新安装所有内容
- 尝试链接到节点模块字体并将其加载到 expo 的 loadAsync 函数中,如下所示https://github.com/oblador/react-native-vector-icons/issues/789#issuecomment-554675931
- 在本地 src 中导入字体 ttf 文件并用绝对路径链接到它。
- 在堆栈溢出类似问题中尝试过建议
- 在堆栈溢出类似问题中尝试过建议
额外的信息
javascript - 使静态反应本机页面在不同设备上看起来相同的最佳方法是什么?
我正在开发一个小型反应本机应用程序。其中一页是静态的,由大量图片和文字组成。我正在使用 react-native-paper,其中每张卡片都有一个标题和图片,有时还有一段文字。
我遇到了一个问题,图片在我的 Pixel 4XL 上看起来不错,但在我的 iPad Pro 上会被截断。我尝试遵循一个指南,该指南将考虑正在使用的设备并缩放 react-native-paper 卡和封面(图片本身)以适合,但它似乎并没有按照我想要的方式行事。所有卡片都有cardTest风格,所有封面都有pictureTest风格。
任何帮助或一般反馈将不胜感激!
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 也无法正常工作
react-native - 有没有办法在 react-native-paper SearchBar 中获取键盘搜索/返回输入?
我正在开发一个需要搜索栏的原生 android 应用程序。我正在使用 react-native-paper 中的 SearchBar,我检查了他们的文档,找不到任何方法来查找用户是否按下了键盘上的小搜索按钮。
由于我不熟悉移动应用程序开发,因此不确定此输入或按钮本身是否有正式名称,但如果不清楚,请使用该应用程序的屏幕截图。我指的是键盘本身的搜索按钮,在本例中为蓝色。
通过一些挖掘,我发现 React Native 中的 TextInputs 有一个 onSubmitEditing={} 可以触发您想要的任何返回键操作。
本质上,我想知道 react-native-paper 中是否有 SearchBar 的等效道具。
react-native - 如何使用 react-native-paper 主题设置禁用按钮的颜色?
react-native-paper文档建议您可以使用主题设置禁用按钮的颜色,但此代码不起作用:
但是primary
颜色有效。禁用时如何更改按钮的颜色?
react-native - 渲染 Snackbar 会导致单元测试失败
我有一个简单的单元测试,我正在尝试使用 Jest 和 React 测试库进行设置,单击一个按钮以<Snackbar />
从react-native-paper出现,我遇到的问题是,一旦 Snackbar 可见,我的测试就结束了超时,我假设是因为duration
道具会在超时时自动关闭 Snackbar 组件。
我的测试如下所示:
保留它会使测试超时并出现以下错误。删除Snackbar
给测试一个实际的失败。
我尝试过使用许多变体,useFakeTimers
但在这种情况下我似乎无法让它正常工作。
任何帮助,将不胜感激!
react-native - 如何调整 react-paper card.cover 中的图像大小以适应高度?
我有:
并且我正在尝试缩放以Card.Cover
使每张卡片的高度不同 - 而是取决于图像尺寸。目前,所有卡片都具有相同的高度和宽度。我怎样才能做到这一点?
react-native - 无法使用 react-native-paper 和 @react-navigation/bottom-tabs 滚动
我有:
它加载正常,但我无法滚动。我也在react-native-web
尝试使其与网络兼容。
react-native - 最后一个字符中的不同样式以显示必填字段
需要为 * 设置红色样式以显示其必填字段(在标签中)
javascript - 如何将 React Native Paper 菜单中的选定项目传递给 Input/TextInput onChangeText 行为
我试图弄清楚如何将参数/道具传递给反应原生纸的输入,因为反应原生纸没有适当的下拉菜单,所以我很乐意在我的项目,但是文档太糟糕了,没有关于如何从该项目中获取元素的示例,也没有将该参数传递给其他地方。
这是菜单,如您所见
我的想法是按下锚点上的那个按钮,显示菜单并选择一个项目,然后该项目将显示在 textinput 上,就像我在这个组件中键入一样