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

react-native - Native Base,React Native ..我应该以某种方式设置标签大小

使用带有 Native Base 的标签栏,工作正常。除了每个标签的页面会泄漏到另一个标签中。我应该打赌在某处设置宽度吗?我该怎么做?

例如,我可以选择 Tab1,然后您会在右侧稍微看到 Tab2。

还有无论如何将标签栏放在标题中吗?所以当我在页面上滚动时它会保留。

我的问题是因为我的一些页面被包裹<View> </View>而不是 包裹<Container> </Container>吗?

0 投票
2 回答
2409 浏览

javascript - 使用 react-native-router-flux 与 nativebase

我读了https://blog.nativebase.io/the-caveats-of-using-navigator-in-react-native-9547d99172ce#.cghvxk1mo

使用 react-native-router-flux 作为导航器,但是当我将它与 nativebase 一起使用时。nativebase 的组件未激活

文件:Home.js

文件:我的场景.js

运行应用程序时。nativeBase 的组件未激活。

任何人都将 nativeBase 与 react-native-router-flux 一起使用。请给我一个例子!谢谢你的帮助!

0 投票
4 回答
2747 浏览

react-native - 反应原生 + 原生基础。使 MapView 填充区域

我正在使用 react-native + native-base 并且正在使用简单的布局 - 页眉内容页脚。我在该部分中使用 MapView,我希望地图填充内容区域。如果我在 MapView 的样式中指定宽度和高度,则地图会显示得很好。如果我将 MapView 的样式设置为 flex : 1 地图不会显示

这是我的代码..我想要的只是让地图填充内容..

0 投票
2 回答
437 浏览

javascript - NativeBase FooterTab 使用图标时返回错误

我使用 Native Base文档作为创建 FooterTab 的基础。

如果我将 Icon 元素添加到按钮,我会收到以下错误:未定义不是来自 FooterTab.js:114 的对象(评估 'child.props.children.props.name')(已经更改,现在是第 142 行)。

下面是我在渲染函数中使用的代码:

如果我从第一个按钮中删除图标,一切正常。

有任何想法吗?提前致谢。

0 投票
2 回答
31508 浏览

javascript - 反应原生- 为什么执行这个函数?

我刚刚开始围绕 React Native 进行思考,并且正在使用 Redux 来管理我的 UI 组件stateNativeBase 库, react-native-router-flux正在处理视图之间的导航。

目前我正在构建一个从对象数组创建的基本列表guest。该列表存储在 Redux 存储中,我可以访问它并相应地显示。列表中的每个项目都与数组guest中的 a相关联guests。我想让列表中的每个项目都可以触摸,然后将相关guest对象作为属性传递给下一个视图以显示详细信息。

为此,我使用的onPress是与组件关联的标准函数的函数(请参阅此处ListItem的NativeBase 文档)。我还遵循了文档并在组件本身之外定义了导航操作,以便在按下时调用它而不是每次呈现时调用。react-native-router-fluxListItem

我的问题是我发现onPress={goToView2(guest)}每次ListItem渲染时都会调用该函数,而不是在ListItem按下时特别调用。

我确信它一定是我省略的一些简单的东西。有什么建议么?

View1.js - 显示初始列表的视图guests

View2.js - 显示所选内容详细信息的guest视图View1.js

0 投票
3 回答
8024 浏览

reactjs - 本机基础动态显示成功或错误输入

我想要两个简单的输入框。

有一个loginName输入框,一个password输入框。

目前我将这两个输入框的值映射成一个“状态”。

现在,使用 NativeBase。我如何像他们在演示中那样动态显示“成功”“错误”? http://nativebase.io/docs/v0.5.9/components#successInputTextbox

0 投票
3 回答
367 浏览

javascript - React Native 错误 - React: createElement: type 不应该为 null

我正在使用nativebase作为我正在开发的 React Native 应用程序的 UI 端的基础,并且我遇到了一个应该非常简单的错误。

我想为应用程序的选项卡页脚创建一个组件,以包含在不同的视图中,如下所示:

./Components/Footer.js

一个示例视图是:

但是当这个视图呈现时,我得到了错误:

是否有一些非常基本的东西我错过了,因为我认为我可以简单地将这个组件包含在任何视图中而没有任何问题......

0 投票
1 回答
905 浏览

react-native - 反应原生路由器通量和原生基础容器

我是 react-native 的新手,所以我认为“HTML”而不是“native”可能有点太多了,所以我的问题可能看起来很愚蠢。

我使用 react-native-router-flux 进行路由,并使用原生基础作为一些不错的组件。我也想使用本机基础的页眉/内容/页脚,但我没有找到让它工作的方法。

为了拥有 Header/Content/Footer,这些组件必须包装在 Container 组件中。我没有找到使用 react-native-router-flux 的方法。

我的 Header 在导航栏周围,而 Content 在每个 Scene 组件内。

(对于标题,我做了一个扩展 rnrf 的自定义导航栏:

请问有什么容器的解决方案吗?

0 投票
1 回答
677 浏览

react-native - React Native:在渲染视图时禁用自动点击每张卡片

我收到了来自 API 的响应,然后我使用 nativebase.io cardlist 解析并在屏幕上显示一些功能。当显示所有结果时,我希望每张卡片都是可点击的,并且每次点击都会导致下一个详细信息屏幕,具体取决于特定卡片的内容。但是,当由于某种原因呈现卡片列表时,每张卡片都会在没有用户交互的情况下被点击。因此,我正在寻找仅在我触摸任何特定卡片时才允许卡片点击的解决方案。

0 投票
5 回答
18319 浏览

reactjs - 在 NativeBase 和 Shoutem 之间,React Native 最好用哪个?

我发现 React Native 有 2 个最常用的 UI 组件。我想使用其中之一。其中哪一个更易于使用和定制?