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

react-native - 反应本机纸库中的 Appbar.BackAction 中缺少后退图标

我在 React Native 应用程序中使用react-native-paper的 Appbar 组件。后退点击工作正常,但应用程序图标没有出现检查屏幕截图。请帮我 。

在此处输入图像描述

请帮助如何将其转换为后退按钮。我正在关注这篇文章https://callstack.github.io/react-native-paper/appbar-header.html

0 投票
2 回答
2406 浏览

reactjs - UI 库的 React Native 性能。我应该使用哪个:Native base vs React-Native paper?

我正在使用 React-Native 开发一个 android 应用程序。我碰到了两个 UI 库:React-Native paper 和 Native-base。我注意到在调试时我的应用程序很慢,我担心这两个库中哪一个的性能更好。

请协助/推荐。

0 投票
3 回答
24010 浏览

react-native - 在 React Native Paper 中更改 TextInput 的文本颜色

如何在不包含在 PaperProvider 中的情况下更改 React Native Paper 中 TextInput 的文本颜色?

目前这有效:

但是我想通过从父组件传递的道具来控制文本颜色。奇怪的是,传球backgroundColor有效但color无效。

去除PaperProvider包装也无济于事。

这是 TargetComponent 中的相关代码:

this.props.style是:

0 投票
0 回答
614 浏览

android - React 导航选项卡导航不呈现任何内容,而日志建议路由成功

到目前为止,我一直在与expo客户一起开发。现在我创建了一个新的 RN 项目来使用原生库,如firebase和支付 API 等。

我已将我的代码从 expo 风格复制到纯 RN,所有链接和调整都是在删除对 expo 的任何使用时进行的(现在我正在使用unimodules 来替换 expo 中使用的东西,例如 constants 和 Asset

问题:启动画面后没有渲染,而是白屏;虽然console.log表明react-navigation路由成功。我找不到自己在实际问题上归零,如果它是react-native-paperor react-navigation,或者它是设置中缺少的东西gradle,等等。

我在下面提供代码片段来建议一些方向(如果有的话)。

index.js

AppContainer.js

ExploreTab.js

DummyTab.js

输出:呈现一个空白的白色屏幕,并且控制台记录了以下内容:

这表明选项卡的屏幕已呈现,并且导航发生从ExploreTabProductsTab。但是返回的 React 组件不会被渲染。这就是痛苦!

注意:我正在从 Windows 和 Android 设备(小米)报告此行为。

0 投票
2 回答
1800 浏览

react-native - 如何使用 react-native-paper 在 List.Accordion 和 List.Item 中显示所有标题和描述

我正在使用 开发移动应用程序,react-native-paper并且正在使用List.react-native-paper

我想在List. 默认情况下,List如果消息太长,则省略消息的一部分,如下面的 gif。

https://gyazo.com/d60defc5f46b51408d68e793f9365172

我已经尝试更改titleEllipsizeMode. 但是,这些参数并没有像我预期的那样工作。

这是我的代码。

0 投票
3 回答
1470 浏览

react-native - 只有按钮文本区域是可点击的

单击不适用于按钮的所有部分。只有文本区域是可点击的。

作为解决方案,我使用contentStyle了 style 属性来代替。但它只改变按钮触摸空间的颜色。我需要为整个按钮应用按钮单击,并在单击按钮的任何位置时更改整个按钮的颜色。

这是我的代码:

这是我的样式表代码。

0 投票
1 回答
308 浏览

reactjs - React Native - 导航问题“未定义不是对象(t.props.navigation.navigate)”

我目前正在创建一个小型 Magic the Gathering 项目,该项目从 API 获取卡片数据并将其插入到我的应用程序中。我首先获取了名称等数据,但是当我单击名称时,我想查看更多信息,例如卡片描述等。但是,我一直遇到错误“未定义不是对象(this.props.navigation.navigate)”的问题。我该如何解决?

输出应该是我想要查看的所选卡片的卡片信息。

0 投票
1 回答
1158 浏览

reactjs - 我可以在屏幕上的多个位置重用组件的单个实例以做出反应吗?

我有这个应用程序,我正在用 react-native 编写,我有这个屏幕,它显示大约 50-100 个图像和一些与它们相关联的操作按钮,包括一个弹出菜单(与每个相关联的一个)。有没有办法可以对所有图像使用相同的弹出菜单(相同的实例)?

0 投票
0 回答
227 浏览

react-native - 使用主题更改所有按钮样式

我想更改所有按钮样式,而不必像这样一个接一个地添加样式:

<Button mode="contained" style={{ backgroundColor: "#FF6766" }} >

我正在尝试对此做些什么:

但我不知道这里是否可行,我在这个链接上找到了这个: https ://callstack.github.io/react-native-paper/theming.html

应用程序.js

0 投票
1 回答
12528 浏览

react-native - 如何更改 TextInput 中的边框颜色

我想在焦点之前更改此代码中的颜色或边框,我想要红色,焦点上我想要黄色。

这是我的工作 https://prnt.sc/o8evi5

这是我拥有的代码,我正在使用 React Native Paper https://callstack.github.io/react-native-paper/text-input.html

我试过这个,但它没有给我我想要的 https://github.com/callstack/react-native-paper/issues/656