问题标签 [native-base]

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 投票
0 回答
891 浏览

button - 在反应本机应用程序中从本机基地按下时的样式按钮

我只是在我的反应本机应用程序中使用了本机基础的一些按钮,我需要修改它们的样式。实际上,按钮的样式与单击按钮的样式不同。我有两个按钮:第一个呈现默认页面并具有第一个样式。单击第二个按钮时,我渲染了第二个页面并更改了样式。这是我正在使用的代码:

我需要实现类似的样式:在此处输入图像描述

0 投票
1 回答
532 浏览

react-native - 如何将样式数组应用于原生组件

如何将样式数组应用于原生组件?我有这种风格:

我想申请这样的组件:

我在原生基础中看到他们使用 getTheme。这是唯一的方法吗?

0 投票
1 回答
681 浏览

react-native - 在输入字段中反应本机填充值

我是新来的反应本地人。对于原生基础文本组件Input

我试图在其中填充一个整数值 value={OrderViewStore.phone}/>会引发错误 Invalid propof type编号supplied toTextInput, expected字符串。

0 投票
1 回答
2867 浏览

react-native - 将分隔符添加到文本原生基础

我看到本机基础中的列表视图有一个分隔符,就像这样

}

但是我如何将分隔符添加到普通文本字段中?

因为这个分隔符看起来像一个列表特定的部分

0 投票
2 回答
1449 浏览

react-native - 如何将 NativeBase Header 组件与 react-native-router-flux 一起使用?

我尝试在我使用NativeBasereact-native-router的项目中使用抽屉。一切正常,除了标题内的按钮不起作用(我无法点击这个特定按钮)。仅当我将 Main Page 包装在内部时才会发生此问题<Scene key="draw">,这是我的代码:

应用程序.js

主要标题

我的目的是当我点击按钮时,它会打开抽屉,但是当我执行上面示例的代码时,按钮根本不起作用。我怎样才能解决这个问题?

0 投票
2 回答
3972 浏览

react-native - 如何在 nativebase 中处理 Form 的 onSubmit 函数?

我想在 nativebase 中使用 redux-form,但它的工作方式与在 web 中使用的不太一样。我不认为我的onSubmit回调没有被调用,我不知道为什么。

我在其他任何地方都找不到如何将onSubmit回调与 nativebase 表单一起使用。

0 投票
1 回答
3631 浏览

react-native - Native Base Picker [React Native] 项目的条件渲染

我正在为我们的产品使用“Native Base”组件并且做得很好,但我被困在某一点上,它是将项目放在 Nativebase Picker 中。我的代码是这样的

渲染方法代码 -

因此,如果为假,此代码工作正常this.state.isMultipleDays,但当this.state.isMultipleDays为真时,这意味着当它else部分存在时,我会收到此错误 -

Cannot read property 'props' of undefined

0 投票
1 回答
54 浏览

native-base - 带有 Button 子项的视图,如果我将视图的高度设置为 0,则按钮不会消失,为什么?

这是代码,非常简单:

这是输出屏幕截图:

在此处输入图像描述

可以看到,因为视图的高度为0,所以按钮的容器是不可见的,但是为什么按钮还是可见的呢?

经过一番工作,我发现我必须设置 'other view' 的 backgroundColor&height 来重叠按钮,就像这样:

现在该按钮将不可见。

好奇怪,就是Button组件,其他几个组件我都试过了,都ok,难道是Button的bug?

感谢 Wong Kim Hau 的提醒,Button 组件来自 'native-base',而不是 'react native'

我正在使用 react-native v0.44.0,native-base 2.1.3

0 投票
2 回答
1095 浏览

checkbox - 在 react native 中根据复选框状态显示/隐藏组件

在设置页面中,我将一个复选框选中为默认值。如果用户取消选中它,那么应用程序中的所有图像都将被隐藏,用户将无法看到整个应用程序中的任何图像。我想我需要控制复选框的状态(选中与否),在单击/按下复选框时更改该值,将该新值传递给所有应用程序(如何?),然后根据该值我可以决定是否显示图像。

所以基本上,我的问题是访问该状态值,然后决定显示什么。这是我在设置页面中使用的代码:

设置页面:

第二页:我需要访问存储在 asyncStorage 中的值

我不断进入控制台: 在此处输入图像描述

这段代码工作正常,每次我按下它时它都会将状态的值从 false 更改为 true

UPDATE试图在设置页面中存储一个简单的字符串而不等待:

在我使用的页面中:

我进入控制台:在此处输入图像描述 怎么了?!

PS:我正在使用本机基础,我想知道是否可以在复选框本身而不是 touchableOpacity 中执行 onPress

0 投票
2 回答
968 浏览

react-native - 内容不显示在本机库中

我正在使用"native-base": "^2.1.3"并且"react-native": "0.44.0"我的标签的内容没有显示,我不知道如何解决这个问题。

我只想看到标签栏下显示的东西,但主页标签和其他标签上都没有真正出现。HomeTab 包含的唯一内容是

有没有人和我有同样的问题并且知道如何解决这个问题?

谢谢大家的时间。

已编辑------------------------------------------------- -------------

我的 package.json 看起来像..

我的模拟器除了说没有什么特别的

2017-05-29 17:22:07.068987-0700 YOUR_APP[54929:28003814] [] nw_connection_get_connected_socket_block_invoke 2947 Connection has no connected handler.