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

react-native - TouchableOpacity 在 ScrollView 中不起作用

我正在尝试为文本字段实现建议框。输入输入时,建议框应显示在当前文本字段下方和下一个输入字段上方,此建议应在 maxHeight 之后滚动。如果我用简单的 View Touchable Works 替换 ScrollView 但容器当然不会滚动,我已经实现了一切,只是TouchableScrollView内不起作用。

如何处理?

请让我知道我错在哪里。

0 投票
1 回答
632 浏览

react-native - 当我使用 fab 按钮时,react-native-paper CARD 组件没有隐藏

我正在尝试激活一个 fab 按钮以在屏幕上显示选项,此外我的屏幕还有一个 REACT-NATIVE-PAPER 卡片列表,但它无法将卡片隐藏在模态的阴影后面,就好像它有一个海拔或非常高的 zIndex,我试图降低 zIndex 但它不起作用,谢谢,这是项目的图像https://i.stack.imgur.com/7aNns.jpg

0 投票
1 回答
1196 浏览

react-native - 如何解决 react-native-paper 和 Redux 中的此错误?

错误 :

错误:无法react-native-paper/lib/typescript/src/core/settingsindex.js项目中找到 react-native-paper/lib/typescript/src/core/settings 中的模块。

我正在使用react-native-paperRedux一起,但我无法设置环境。如何设置环境以同时使用两者?

是的,我链接了依赖项。就像我不使用 Redux 并传入App<App />一样。AppRegistery()但是每当我包装<App />另一个组件时,它都会显示错误

index.js

包.json

0 投票
1 回答
976 浏览

react-native - 调整反应本机论文BottomNavigation中的图标大小

我是 react-native-paper 的新手,正在尝试学习如何使用 BottomNavigation。我正在查看 react-native-paper文档中的示例,但无法确定如何增加其中一个图标的大小。

假设我有 5 个图标 [Album, Library, New, Favorite, Purchased] 并且想要创建中间图标 New 的大小,我该怎么做呢?

0 投票
1 回答
542 浏览

javascript - MAC地址掩码的Javascript函数

我提出这个问题是因为我最近在寻找 Mac 地址的字符串掩码。所以我决定创建自己的函数。以前的代码:

问题是当我慢慢输入 Mac 地址时,掩码会擦除文本,这种行为非常烦人。当我更快地键入 Mac 地址时它工作得很好,而这在常规使用流程中不会发生。Ps:我使用的是'react-native-masked-text'

0 投票
1 回答
46 浏览

javascript - 如何在地图内单独更改单选按钮状态?

我在地图中有这两个单选按钮,我想单独更改它们的状态,现在的行为是当我切换一个地图中的所有单选按钮时。

0 投票
2 回答
5026 浏览

react-native - React 左侧出现的原生三点菜单

我正在使用 react-native-paper 创建一个屏幕。当我使用带有三个点菜单的 Appbar 作为标题时,选项出现在屏幕的错误一侧。它应该出现在右侧,而不是左侧。
我的代码:

图片显示发生了什么:
https ://imgur.com/a/xq3Gcac 菜单在点击三点菜单之前关闭
菜单在错误的一侧打开


我正在使用 react-native 和 react-native-paper lib 来创建 Appbar。Menu 组件也属于 react-native-paper。

0 投票
2 回答
2101 浏览

react-native - react-native-paper 中的按钮宽度

我开始学习 react-native-paper,我不确定如何修复按钮宽度,目前它填充了整个父容器。

这不起作用,按钮仍然是全宽的。需要一些帮助。

0 投票
1 回答
523 浏览

react-native - React Native Buttons onPress 没有任何反应,onChangeText 也不起作用

我是 React Native 的新手。我有一个包含两个字段的登录表单。我想在将用户发送到 Dashboard.js 之前对用户进行身份验证。无论我尝试什么,按钮都没有做任何事情(绝对没有任何反应,没有错误)。我将代码保留在 Login.js 中,以显示我尝试做的所有事情,即

  1. 路由到dashboard.js
  2. 试图通过在按钮按下时调用 handleSubmitPress 函数来做一些事情。
  3. 弹出警报。

我用了两个按钮。一份来自 react-native-paper,一份来自 react-native。我在下面给出了我的 app.js 和 login.js 的代码。请问有人可以帮忙吗?

代码

0 投票
1 回答
2493 浏览

react-native - Jest 和 React Native Icons 导入问题

我是本机反应的新手,我遇到了一个测试问题。首先我的应用程序运行正确。仅当我想用 jest 测试我的应用程序并且当我的应用程序中有一个图标时才会出现此问题。

以下消息告诉我,可能存在延迟导入加载,在某些方面与 jest 冲突,但我不知道如何解决或解决此问题: ReferenceError: You are trying to 'import' a file after the Jest environment has been torn down.

我已经测试了我的应用程序,icon="camera"并且测试运行良好,因此它与图标非常相关。

该应用程序还使用 react-native-paper。

即使里面有图标,我如何测试我的应用程序?

这是重现该错误的最小 App.js :

开玩笑的测试:

开玩笑的运行日志: