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

android - 在 Focus React Native Paper 上更改 TextInput 样式

首先,我研究了其他帖子并找到了许多解决方案,但在 React Native Paper 中没有任何工作?

我需要在 React Native Paper 中更改焦点上的 TextInput 样式

0 投票
1 回答
752 浏览

react-native - 有没有办法改变 react-native-paper 中按钮元素的底层颜色?

按下按钮时,会出现默认的深蓝色背景颜色。我尝试了一切来改变 react-native-paper 中按钮的底层颜色,但没有运气。React Native 按钮有一个 underColor 属性可以做到这一点。我们可以通过任何方式改变它吗?

0 投票
3 回答
5241 浏览

react-native - 如何在 React Native 中更改按钮字体大小?

如何更改以下按钮的字体大小?将 style 属性与 fontSize 一起使用是行不通的。

0 投票
2 回答
828 浏览

javascript - 反应原生 - 将状态分配给 const

我从 react native 开始,当使用一个名为 react native paper 的库时,我遇到了一个语句,其中状态被分配给一个 const,如下所示。

'Render' 方法的开始,你可以看到 const { firstQuery } = this.state; 有人可以解释为什么将状态分配给名为“firstQuery”的常量,即使有原因,分配如何正确地将状态对象内的属性“firstQuery”映射到常量?

提前致谢。代码示例来自https://callstack.github.io/react-native-paper/searchbar.html#value

0 投票
0 回答
681 浏览

reactjs - 使用 autoFocus 反应原生多文本输入

我在使用来自“react-native-paper”的 TextInput 组件上的“autoFocus”属性时遇到问题。

在我的组件中,我必须显示多个步骤(每个步骤有一个输入),并且每一步我都必须自动聚焦良好的输入。

我的渲染()函数:

在每个 displayStep() 我有:

只有第一步是正确自动对焦的,其他的是随机自动对焦...

我的 submitStep1 功能:

我试图为每个 TextInput 传递一个状态“autoFocus”,并在我传递到下一步时更改值,但它不起作用。

我有点困惑......也许我对多步组件做错了?

0 投票
0 回答
249 浏览

javascript - 无法在 Android 上 react-native-paper 的 AppBar 中显示居中的 svg 作为反应组件

我正在使用 expo SDK36 构建一个 react-native 应用程序。

它用于react-native-svg@9.13.3渲染 svg。

有了它,你可以.svg直接将它作为一个 react 组件导入,或者用它们的 svg 组件重写 SVG。

我都试过了,如果我在 AppBar 上居中标题,它不会在 android 上显示:

当前行为

Svg 导入在 Android 设备上的 AppBar 中不起作用。

预期行为

在所有设备上显示 SVG

代码示例

使用他们的 svg 组件编写:

textAlign: centered从不在 Android 上渲染,我在AppBarof 中使用它,react-native-paper如下所示:

如果我删除textAlign: center,它会错误地居中但它会显示。

你的环境

知道我能做些什么来解决它吗?

0 投票
1 回答
205 浏览

reactjs - 键盘不会出现每个焦点

我正在为我的应用程序使用<InputText>of react-native-paper。每次我从一个视图切换到另一个视图时,我都会使用该autofocus属性,所以当我到达屏幕时,我可以直接输入。

但问题是键盘随机出现......有时键盘单独出现,有时我必须点击输入才能显示键盘......

这是我到处使用的输入示例:

我尝试在我的构造函数中使用这样的 ref :

在我的 TextInput 上:

但是当我调用this.fieldOne.current.focus()它时,它会返回以下错误:Cannot read property 'focus' of null.

你们有窍门吗?谢谢 !

0 投票
1 回答
700 浏览

javascript - 更改视图时如何防止反应导航为 AppBar 的高度设置动画?

我看到 Android AppBarheight在更改页面时对其进行动画处理。

这是我的AppBar.js

这是默认行为吗?我可以阻止吗?

我也尝试过使用:

这启用了从右侧滑动(ios 样式),我希望它可以解决 AppBar 动画,但我仍然有两个 AppBar 的动画,而我不希望 AppBar 上的动画。

有没有办法在 android 上禁用所有 AppBar 动画?

0 投票
2 回答
1692 浏览

react-native - 如何在 React-Native 论文中保留 TextInput 的值?

我有两个屏幕,A 和 B。屏幕 A 只包含一个 react-native-paper TextInput,例如,

在上述情况下,当我从屏幕 A 移动到屏幕 B 时,如果我按下返回屏幕 A,TextInput 的值就会消失,尽管this.state.text我在屏幕 A 上填写的数据都是如此。

如果我对值进行硬编码,那么它在从 A 导航到 B 然后返回 AEg 后仍然保留,

请告诉我,当我从屏幕 B 移动到屏幕 A 时,如何确保 TextInput 的值保持不变。非常感谢!

0 投票
1 回答
935 浏览

react-native - 使用 React Native Paper 的模态对话框?

我正在使用 React Native Paper 库,并且我有一个模态和对话框,我想对话框出现在模态的前面......有没有办法做到这一点?

如果没有办法,我将不得不使用 Modal 自己编写对话框的结构,我宁愿不这样做......

谢谢