问题标签 [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 回答
1865 浏览

javascript - 怎么改变颜色反应原生纸上的组件?

我正在使用 react-native-paper 3.6.0,在他们的文档中,他们提供使用props.color. 我试过并且:

  • iOS:好的
  • Android:暗键使用color.background,开关为黑底黑字。
  • 网页:颜色没有任何影响

  • 阅读<Switch /> 来源| 文档

如何设置 react-native-paper 的 switch 组件的颜色?

0 投票
1 回答
813 浏览

javascript - 如何使图标在 react-native-paper 中旋转?

我有这个react-native-paper按钮:

我怎样才能让图标在什么时候旋转loading=true

0 投票
0 回答
1588 浏览

react-native - 在 Appbar.content 上面有空白空间

我正在使用以下代码创建带有react-native-paperand的标头react-navigation

结果是我系统地得到了Image上方的一个空白空间(把背景放红,让它更明显):在此处输入图像描述

该空间在 .jpg 中不存在,实际上与任何图片一起出现。@expo/vector-icons如果我使用 MaterialCommunityIcons (from ) 而不是图像,则不会出现此空间。

知道是什么原因造成的以及如何删除它吗?

0 投票
0 回答
642 浏览

css - 如何在 react-native-paper 的 FAB.Group 中单独增加图标的大小

我需要使用自定义图标和文本自定义 FAB.Group。

如果我设置图像隐藏的宽度和高度,同时它也会增加文本的大小。我如何将这个图像设置为像 react-native-paper 一样大和文本。

在此处输入图像描述

0 投票
1 回答
750 浏览

react-native - 为 FAB.Group 图标设置宽度和高度后,它会隐藏在 UI 中

我在图标中设置了宽度和高度。该图标被隐藏,并且在增加其高度和宽度时也会在标签中反映出来。

我需要增加图像的宽度和高度,而不需要增加标签的宽度和高度。

我正在使用 react-native-paper 包

0 投票
1 回答
1591 浏览

next.js - 如何使 react-native-paper 与 next.js 一起工作?

我安装了这个示例https://github.com/zeit/next.js/tree/master/examples/with-react-native-web并添加了 react-native-paper ,当我使用它时,我得到这个错误

这是我的仓库的副本 在此处输入链接描述

我已经为此苦苦挣扎了几天。希望可以有人帮帮我

0 投票
1 回答
726 浏览

react-native - FontFamily "Material Design Icons" 不是系统字体,没有通过 Font.loadAsync 加载

*我只是一名学生,我是expo、react-native和移动开发的新手*

所以这就是发生的事情

我正在使用 Expo 和 react-native-paper 为我的 Icon 构建一个 react-native 应用程序,我的应用程序一切正常,直到我昨天醒来,Expo 开始告诉我同样的错误。

在此处输入图像描述

我没有在我的应用程序中加载任何字体,所以我真的不明白这个错误来自哪里。

非常有趣的是,当我在运行时在VScode上控制保存一个项目文件时,我可以看到我的应用程序没有图标,当我切换到不同的页面时,应用程序被替换为同屏错误。

在此处输入图像描述

我的朋友正在处理完全相同的代码,但他没有看到错误,所以我迷路了......

App.js 看起来像这样 在此处输入图像描述

我像这样使用我的图标 在此处输入图像描述

问题显然是图标,因为我的登录页面工作正常,所以我知道问题与https://materialdesignicons.com/有关,我该怎么办?删除我所有的图标并使用 react-native-elements 重新创建它们?

老实说,我只是不明白,我已经坚持了几个小时,我不想再浪费时间了,所以我在这里寻求帮助

多谢你们,

祝你有一个幸福的一天,并保持安全你们所有人

0 投票
1 回答
1572 浏览

react-native - 反应本机按钮图标未显示

我正在使用世博会的小吃,没有正确显示图标,我做错了什么?我测试了这个零食https://callstack.github.io/react-native-paper/button.html和许多其他零食,但它总是显示矩形图标。

按钮始终显示矩形图标 我正在使用世博会 36.0.0

0 投票
0 回答
176 浏览

react-native - React-Native-Paper 表面组件未加载

我有一个加载到我的应用程序中的组件,但是我无法加载 Surface 组件。它里面的文本渲染得很好,但是父 Surface 组件却没有。它也不会出现在检查器中

我的组件在下面。有任何想法吗?

在此处输入图像描述

0 投票
2 回答
149 浏览

reactjs - 在 iOS 上,屏幕有时会向右移动

有时当我导航到屏幕时,屏幕似乎向右移动。这只发生在 iOS 上。我已经尝试删除KeyboardAviodingViewSaveAreaView(也使用反应导航提供的 SafeAreaView),包装整个应用程序的视图以检查是否有任何一个导致问题,但没有运气。

例子

package.json依赖项:

编辑:该错误仅在我在屏幕 B 中显示键盘然后返回屏幕 A 时发生