问题标签 [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 Button 中的文本颜色
我在本机反应方面相对较新。
我可以像这里一样轻松地显示按钮(带有阴影等)。
我也指的是这个文件。
https://callstack.github.io/react-native-paper/button.html#contentStyle
问题是如果模式为“包含”,我无法更改文本颜色。我尝试了 contentStyle 或主题,但它不起作用。如果模式为“包含”,我该如何更改文本颜色?
navigation - 我想从一个屏幕导航到另一个屏幕,但我有 undefined is not an object(评估'this.props.navigation.navigate')
我想从导航抽屉的一个屏幕导航到另一个屏幕,但出现错误
类型错误:未定义不是对象(评估“this.props.navigation.navigate”)
不知道为什么?
这是我的代码:
react-native - 如何修复自定义反应导航组件中的“navigation.state 未定义”?
我正在尝试使用 fromtabBarComponent
为我的 React Native 应用程序使用自定义组件(属性)createMaterialTopTabNavigator
,"react-native-tabs"
该组件是BottomNavigation
from "react-native-paper"
。
我已经从https://github.com/react-navigation/material-bottom-tabs复制了几乎所有的代码,因为它是我找到的BottomNavigation
用作自定义组件的唯一来源
我有 3 段主要代码:
TabNavigator (component)
TabNavigation (navigator)
Main navigation
我希望能够从“react-navigation”中使用该swipeEnabled
功能(与每个屏幕之间的动画转换)createMaterialTopTabNavigator
,以及具有更好看的标签栏,但它在(line )'navigation.state is undefined'
的渲染功能中表示,但我看不出原因。CustomTabNavigation
const { state } = navigation;
react-native - 更改标签颜色 TextInput 反应原生纸 onFocus
如何在 textInput 获得焦点时更改其标签颜色。我默认使用react-native-paper,它是紫色的,有没有像labelColor这样的道具来做同样的事情当点击textInput进行编辑时,需要更改TextInput的标签颜色。详情请看以下代码
javascript - 当键盘在本机反应中打开时,如何在文本输入下方显示组件?
我希望在键盘打开时显示兴趣文本框下方的标签。芯片组件是从 react native 纸库输入的标签。我尝试使用scrollview
,keyboardavoidingview
和keyboardawarescrollview
让标签在键盘打开时显示,但没有一个视图解决了这个问题。我会错过什么或做错什么?
javascript - jetBrains ide 的 react-native-paper 代码完成
Intellij 使用 @types/* 库来帮助完成反应代码。react-native-paper 没有这种单独的库。正如其作者声称的那样,它确实附带了其中的类型:
好吧,我尝试了多少,所以我无法让它发挥作用,所以我按照作者的建议在这里问了它。我尝试了什么:
- 添加 'allowJS' : true 到您的 jsconfig.json 或 tsconfig.json 文件,因为没有像我自己创建的那样的文件(https://www.jetbrains.com/help/idea/typescript-support.html)
- 接下来去设置->语言和框架->Javascript->库->添加...单击上面的加号按钮附加文件并添加库的目录。
那么你们是如何让它工作的呢?请告诉我们。非常感谢。
javascript - 纸质菜单呈现但不可点击
我在headerRight
这样的部分设置菜单:
我的菜单控件使用状态来可视化:
这基本上是来自https://callstack.github.io/react-native-paper/menu.html的标准示例。知道为什么它不起作用吗?我的意思是显示控件 DotsIcon,但单击时没有任何反应。