问题标签 [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 - 小吃栏中的 onDismiss 功能在 react-native-paper 中不起作用
我正在使用react-native
and构建移动应用程序react-native-paper
。而且我在使用SnackBar
组件react-native-paper
,如果我SnackBar
直接使用组件,onDismiss
功能在SnackBar
效果很好。(这意味着小吃店将正确消失)
但是,如果我使用使用提供的组件的原始组件(如SnackBarComponent
组件)SnackBar
react-native-paper
,不知何故,小吃栏将不会正确消失。
这是我的自定义 SnackBar 组件和调用我原来的 SnackBar 组件的代码。
- 我原来的 SnackBar 组件
- 调用 SnackBarComponent 的代码(这不是完整的代码)
react-native - 当用户单击 react-native-paper 中的屏幕时如何关闭 Snackbar
我正在使用 react-native 和 react-native-paper 开发移动应用程序。我对Snackbar
组件提供的 react-native-paper 有疑问。当用户触摸任何地方时,如何隐藏小吃栏?
这是 GIF,当小吃栏位于屏幕底部时,我尝试点击很多。当我点击屏幕时,我想隐藏它。
https://gyazo.com/a279a5e9a1b8270e7303446d20c238dc
这是我的代码。
react-native - 在 ReactNative 中以 Table 格式显示对象数组的值
我是 React Native 的新手。我的目标是在 React Native 中以表格格式显示下面的对象数组。我正在使用 React-Native-Paper 的 DataTable。
我已经尝试过了,但它仍然显示错误:
请建议以 React Native 支持的表格格式显示帐户数据的方式。除了DataTable,还有其他方法可以将数据映射为表格格式吗?
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 并重新创建了问题仍然存在的项目。
react-native - 带有故事书的 Webpack 配置
我能够配置故事书来运行我的反应原生组件,问题是一些使用react-native-paper's
主题提供程序,当我运行 webpack 构建器时,它没有正确加载主题。我试图做的是为主题编写规则,但我无法使其工作。这是我到目前为止所得到的:
这是我得到的错误
任何帮助表示赞赏
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 组件的使用方式如下
reactjs - React Native setState 不会导致渲染
我是 react native 的完整初学者,现在我遇到了更新问题。我正在使用react-native-paper
和typescript
。
在我的应用程序中,我想按下一个按钮,然后文本字段应该更改其文本。
问题出在按钮或被调用函数上,因为在控制台日志中它总是"before: true after:true"
or "before: false after:false"
,但我期望的是"before: true after: false"
orvice-versa
我还有第二个文本视图,它根本没有显示。
也许有人可以告诉我我做错了什么?
我的 index.js
AppRegistry.registerComponent('main', () => Main);
我的 MyNavigation.tsx(目前包含我的整个应用程序)。
react-native - 简单组合反应导航上缺少标题栏
我想MaterialBottomTabNavigator
尝试react-navigation
. 不幸的是,似乎从未显示顶部栏,尽管它应该根据文档。
有什么明显的我失踪了吗?
react-native - 单选按钮 onPress 不起作用 react-native-paper
我有两个从 react-native-paper 使用的径向按钮。我在 onPress 函数下同时拥有按钮本身和它们旁边的文本,但是只有当我按下文本时才会执行该函数,而不是当我按下按钮时。当我按下按钮时,它突出显示并显示它已被按下,但不执行 onPress。
没有任何错误消息,我只是对它为什么不执行感到困惑。
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。请建议我做错了什么。还有一种更好的方法可以通过导航传递反应原生的论文主题。我想要一个适用于所有屏幕的全局主题
谢谢