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

react-native - 小吃栏中的 onDismiss 功能在 react-native-paper 中不起作用

我正在使用react-nativeand构建移动应用程序react-native-paper。而且我在使用SnackBar组件react-native-paper,如果我SnackBar直接使用组件,onDismiss功能在SnackBar效果很好。(这意味着小吃店将正确消失)

但是,如果我使用使用提供的组件的原始组件(如SnackBarComponent组件)SnackBarreact-native-paper,不知何故,小吃栏将不会正确消失。

这是我的自定义 SnackBar 组件和调用我原来的 SnackBar 组件的代码。

  • 我原来的 SnackBar 组件
  • 调用 SnackBarComponent 的代码(这不是完整的代码)
0 投票
1 回答
3595 浏览

react-native - 当用户单击 react-native-paper 中的屏幕时如何关闭 Snackbar

我正在使用 react-native 和 react-native-paper 开发移动应用程序。我对Snackbar组件提供的 react-native-paper 有疑问。当用户触摸任何地方时,如何隐藏小吃栏?

这是 GIF,当小吃栏位于屏幕底部时,我尝试点击很多。当我点击屏幕时,我想隐藏它。

https://gyazo.com/a279a5e9a1b8270e7303446d20c238dc

这是我的代码。

0 投票
3 回答
3747 浏览

react-native - 在 ReactNative 中以 Table 格式显示对象数组的值

我是 React Native 的新手。我的目标是在 React Native 中以表格格式显示下面的对象数组。我正在使用 React-Native-Paper 的 DataTable。

我已经尝试过了,但它仍然显示错误:

请建议以 React Native 支持的表格格式显示帐户数据的方式。除了DataTable,还有其他方法可以将数据映射为表格格式吗?

0 投票
1 回答
280 浏览

react-native - 安装 react-native-paper 后配置损坏

我在运行之前正常运行的项目时遇到问题

当我将 react-native-paper/react-native-vector-icons 添加到我的项目中时,它开始了,它开始给出一些与材料相关的错误。我收到以下消息: http: //oneclickpaste.com/49188/

所以我删除了它。我认为它应该可以正常工作,因为在我安装它之前,代码是可以的。看看是否所有东西都被删除了,确实如此。在那之后,我的 react-native 配置发生了一些变化(我猜)。因此,每个运行良好的代码都会给出相同的 appt 错误或使用干净的 yarn install(rm -rf node_modules 和 rm yarn.lock 并在该 yarn install 之后)给出这个新错误(这对我来说毫无意义):

有人遇到过类似的问题吗?

的本机版本

compileSdkVersion 在android/app/build.gradle上明确声明:

更新:我更新了 react-native 并重新创建了问题仍然存在的项目。

0 投票
0 回答
2304 浏览

react-native - 带有故事书的 Webpack 配置

我能够配置故事书来运行我的反应原生组件,问题是一些使用react-native-paper's主题提供程序,当我运行 webpack 构建器时,它没有正确加载主题。我试图做的是为主题编写规则,但我无法使其工作。这是我到目前为止所得到的:

这是我得到的错误

任何帮助表示赞赏

0 投票
1 回答
1543 浏览

react-native - React Native Paper - 无法识别的字体系列“材料图标”

我正在创建一个新的 react native 应用程序并使用 react-native-paper。这不是Expo 应用程序,而是香草反应原生应用程序。

react native 版本 > 0.6.0 并且我已经按照 react-native-paper 安装中描述的步骤https://callstack.github.io/react-native-paper/getting-started.html

react-native-paper 组件的使用方式如下

但是,当我使用命令运行应用程序时,react-native run-ios编译成功并且应用程序打开但红屏如下所示在此处输入图像描述

0 投票
2 回答
657 浏览

reactjs - React Native setState 不会导致渲染

我是 react native 的完整初学者,现在我遇到了更新问题。我正在使用react-native-papertypescript

在我的应用程序中,我想按下一个按钮,然后文本字段应该更改其文本。

问题出在按钮或被调用函数上,因为在控制台日志中它总是"before: true after:true"or "before: false after:false",但我期望的是"before: true after: false"orvice-versa

我还有第二个文本视图,它根本没有显示。

也许有人可以告诉我我做错了什么?

我的 index.js

AppRegistry.registerComponent('main', () => Main);

我的 MyNavigation.tsx(目前包含我的整个应用程序)。

0 投票
1 回答
570 浏览

react-native - 简单组合反应导航上缺少标题栏

我想MaterialBottomTabNavigator尝试react-navigation. 不幸的是,似乎从未显示顶部栏,尽管它应该根据文档。

有什么明显的我失踪了吗?

0 投票
1 回答
1590 浏览

react-native - 单选按钮 onPress 不起作用 react-native-paper

我有两个从 react-native-paper 使用的径向按钮。我在 onPress 函数下同时拥有按钮本身和它们旁边的文本,但是只有当我按下文本时才会执行该函数,而不是当我按下按钮时。当我按下按钮时,它突出显示并显示它已被按下,但不执行 onPress。

没有任何错误消息,我只是对它为什么不执行感到困惑。

0 投票
1 回答
4945 浏览

react-native - 用反应导航反应原生纸张主题不起作用

我是反应原生的新手。我正在使用 React Native Paper 为所有屏幕提供主题。我也在使用 react-navigation 堆栈导航器和抽屉导航器。首先,对于导航,纸张主题在导航组件中不起作用。但是如果我不使用 react-navigation 那么它就可以了。

所以我尝试通过“withTheme”将主题从一个组件传递到另一个组件。但是 withTheme 并没有给我我的自定义主题道具。

这是我的 App.js

这是我的 login.js

在我的 Login.js 中,我期待“colors.accent”为我的自定义主题提供一个值,例如这个值——“#000000”。但它给了我=“#03DAC4”,这是口音的默认颜色,而不是我的自定义颜色。

我正在使用 react-native 版本 0.61。请建议我做错了什么。还有一种更好的方法可以通过导航传递反应原生的论文主题。我想要一个适用于所有屏幕的全局主题

谢谢