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

reactjs - React Native 中本地化为 LTR 时使用 RTL 方向

我曾经i18n在我的 React Native 应用程序中使用多种语言。

问题是当Localization设置基于LTR我无法将TextInput方向更改为RTL. 我试过writingDirection了,但它只适用于IOS。我也试过textAlign了,但一无所获:(。

这是我的i18n设置和TextInput示例代码:

i18n.js

TextInput示例代码

在此处输入图像描述

0 投票
3 回答
10312 浏览

react-native - React Native:更改 Paper Button 中的文本颜色

我在本机反应方面相对较新。

我可以像这里一样轻松地显示按钮(带有阴影等)。

我也指的是这个文件。

https://callstack.github.io/react-native-paper/button.html#contentStyle

问题是如果模式为“包含”,我无法更改文本颜色。我尝试了 contentStyle 或主题,但它不起作用。如果模式为“包含”,我该如何更改文本颜色?

0 投票
1 回答
63 浏览

navigation - 我想从一个屏幕导航到另一个屏幕,但我有 undefined is not an object(评估'this.props.navigation.navigate')

我想从导航抽屉的一个屏幕导航到另一个屏幕,但出现错误

类型错误:未定义不是对象(评估“this.props.navigation.navigate”)

不知道为什么?

这是我的代码:

0 投票
1 回答
932 浏览

react-native - 如何修复自定义反应导航组件中的“navigation.state 未定义”?

我正在尝试使用 fromtabBarComponent为我的 React Native 应用程序使用自定义组件(属性)createMaterialTopTabNavigator"react-native-tabs"该组件是BottomNavigationfrom "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'的渲染功能中表示,但我看不出原因。CustomTabNavigationconst { state } = navigation;

0 投票
1 回答
933 浏览

css - react-navigation-material-bottom-tabs 中 tabBarLabel 和 Icon 的对齐问题

我正在为我的一个项目使用来自 React Navigation 的 createMaterialBottomTabNavigator。如果我将 tabBarIcon 和 tabBarLabel 一起使用,则图标与文本重叠。需要帮助来解决问题。这是我尝试过的 -

底部标签导航器

0 投票
2 回答
6297 浏览

react-native - 更改标签颜色 TextInput 反应原生纸 onFocus

如何在 textInput 获得焦点时更改其标签颜色。我默认使用react-native-paper,它是紫色的,有没有像labelColor这样的道具来做同样的事情当点击textInput进行编辑时,需要更改TextInput的标签颜色。详情请看以下代码

0 投票
1 回答
344 浏览

react-native - 框中出现奇怪的十字架代替 React-native-paper 的复选框

我正在使用 react-native-paper 库中的复选框,但是当我在组件中渲染该复选框时,屏幕上会出现一个带有十字的奇怪特殊框,如图所示。在此处输入图像描述

这是我的代码:

进口

零件

0 投票
1 回答
1418 浏览

javascript - 当键盘在本机反应中打开时,如何在文本输入下方显示组件?

我希望在键盘打开时显示兴趣文本框下方的标签。芯片组件是从 react native 纸库输入的标签。我尝试使用scrollview,keyboardavoidingviewkeyboardawarescrollview让标签在键盘打开时显示,但没有一个视图解决了这个问题。我会错过什么或做错什么?

0 投票
0 回答
89 浏览

javascript - jetBrains ide 的 react-native-paper 代码完成

Intellij 使用 @types/* 库来帮助完成反应代码。react-native-paper 没有这种单独的库。正如其作者声称的那样,它确实附带了其中的类型:

https://github.com/callstack/react-native-paper/issues/1492

好吧,我尝试了多少,所以我无法让它发挥作用,所以我按照作者的建议在这里问了它。我尝试了什么:

  1. 添加 'allowJS' : true 到您的 jsconfig.json 或 tsconfig.json 文件,因为没有像我自己创建的那样的文件(https://www.jetbrains.com/help/idea/typescript-support.html
  2. 接下来去设置->语言和框架->Javascript->库->添加...单击上面的加号按钮附加文件并添加库的目录。

那么你们是如何让它工作的呢?请告诉我们。非常感谢。

0 投票
1 回答
1408 浏览

javascript - 纸质菜单呈现但不可点击

我在headerRight这样的部分设置菜单:

我的菜单控件使用状态来可视化:

这基本上是来自https://callstack.github.io/react-native-paper/menu.html的标准示例。知道为什么它不起作用吗?我的意思是显示控件 DotsIcon,但单击时没有任何反应。