问题标签 [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 - 有没有办法改变 react-native-paper 中按钮元素的底层颜色?
按下按钮时,会出现默认的深蓝色背景颜色。我尝试了一切来改变 react-native-paper 中按钮的底层颜色,但没有运气。React Native 按钮有一个 underColor 属性可以做到这一点。我们可以通过任何方式改变它吗?
react-native - 如何在 React Native 中更改按钮字体大小?
如何更改以下按钮的字体大小?将 style 属性与 fontSize 一起使用是行不通的。
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
reactjs - 使用 autoFocus 反应原生多文本输入
我在使用来自“react-native-paper”的 TextInput 组件上的“autoFocus”属性时遇到问题。
在我的组件中,我必须显示多个步骤(每个步骤有一个输入),并且每一步我都必须自动聚焦良好的输入。
我的渲染()函数:
在每个 displayStep() 我有:
只有第一步是正确自动对焦的,其他的是随机自动对焦...
我的 submitStep1 功能:
我试图为每个 TextInput 传递一个状态“autoFocus”,并在我传递到下一步时更改值,但它不起作用。
我有点困惑......也许我对多步组件做错了?
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 上渲染,我在AppBar
of 中使用它,react-native-paper
如下所示:
如果我删除textAlign: center
,它会错误地居中但它会显示。
你的环境
知道我能做些什么来解决它吗?
reactjs - 键盘不会出现每个焦点
我正在为我的应用程序使用<InputText>
of react-native-paper
。每次我从一个视图切换到另一个视图时,我都会使用该autofocus
属性,所以当我到达屏幕时,我可以直接输入。
但问题是键盘随机出现......有时键盘单独出现,有时我必须点击输入才能显示键盘......
这是我到处使用的输入示例:
我尝试在我的构造函数中使用这样的 ref :
在我的 TextInput 上:
但是当我调用this.fieldOne.current.focus()
它时,它会返回以下错误:Cannot read property 'focus' of null.
你们有窍门吗?谢谢 !
javascript - 更改视图时如何防止反应导航为 AppBar 的高度设置动画?
我看到 Android AppBarheight
在更改页面时对其进行动画处理。
这是我的AppBar.js
:
这是默认行为吗?我可以阻止吗?
我也尝试过使用:
这启用了从右侧滑动(ios 样式),我希望它可以解决 AppBar 动画,但我仍然有两个 AppBar 的动画,而我不希望 AppBar 上的动画。
有没有办法在 android 上禁用所有 AppBar 动画?
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 的值保持不变。非常感谢!
react-native - 使用 React Native Paper 的模态对话框?
我正在使用 React Native Paper 库,并且我有一个模态和对话框,我想对话框出现在模态的前面......有没有办法做到这一点?
如果没有办法,我将不得不使用 Modal 自己编写对话框的结构,我宁愿不这样做......
谢谢