首页 文章
  • 0 votes
     answers
     views

    使用Native Base在Native React中实现页脚选项卡

    我正在使用UI的原生基础创建本机反应应用程序(http://nativebase.io/docs/v2.0.0/components#footerTab) . 我正在使用footerTabs组件,我的代码如下 render() { return ( <Container> <Header backgroundColor="#ECEFF1"&...
  • 1 votes
     answers
     views

    Native-Base不加载元素

    我使用的是native-base version 2.0.2,react-native version 0.40.0 . 我正在按照教程使用native-base进行GithHub Repo Search并将其与我的功能集成以使其不同,但所有组件都未正确加载 . 文档中的页眉和页脚示例工作正常,但是当我添加搜索栏舍入属性或图标类等内容时,它不会被反映出来 . 当我添加按钮组件时,我收到以下错误 ....
  • 1 votes
     answers
     views

    在本机应用程序中实现来自本机库的抽屉

    我需要使用从原生基地的抽屉到android ios和android的本机应用程序的反应 . 这是本机基础http://nativebase.io/docs/v2.0.0/components#drawer的链接,下面你会找到我的代码: import { Container, Header, Title, Content, Button, Icon, Left, Body, Text } from...
  • 1 votes
     answers
     views

    如何使用本机基本组件更改本机应用程序中的选项卡

    我有一个主屏幕,其中包含2个选项卡,其中每个选项卡呈现不同的结果 . 在第一个选项卡的末尾,我有两个按钮:第一个按钮 - >重定向到第一个选项卡第1年(默认选项卡)第二个按钮 - >重定向到第一个选项卡版本两年2所以,基本上按钮重定向每次选中时都会显示不同的Tab . 我只需要更改选项卡而不是整个屏幕 . 这里是我使用的代码,它的默认选项卡工作正常,但我不知道如何实现按钮,以便通过更改...
  • 0 votes
     answers
     views

    React-Native:元素类型无效

    我有Nativebase Footer我有容器的问题,如果我包含MyFooter,它给我这个错误:元素类型无效:期望一个字符串(对于内置组件)或类/函数(对于复合组件)但得到:undefined . 您可能忘记从其定义的文件中导出组件 . // main.js import MyFooter from './MyFooter'; ... <Container> <MyH...
  • 0 votes
     answers
     views

    将本机本机基本列表项作为空白

    我尝试基于原生基础创建列表项,我已经阅读this document和this document 不幸的是,所有这些方法都不起作用我相信我的代码有问题,因为我刚开始做出反应 我运行代码时空白了 . 这是我的代码 . 请给出一些修复我的错误的建议 . import React from 'react'; import {ListView} from 'react-native'; import { ...
  • 0 votes
     answers
     views

    如何在本机中选择时更改列表项背景颜色?

    我正在使用 native-base ui kit . 我'm trying to change the background color of selected items in sidebar. But how to do that? I'已对此 theme/variablesplatform.js 文件进行了更改 . listBg: "#008080", listBo...
  • 0 votes
     answers
     views

    如何在React Native中使用Text Base中的Textinput或Input

    我正在尝试使用Native Base开发React Native的应用程序 . 而且我想填写这样的空白问题 . 所以我尝试在Native Base的Text组件中使用React Native的Textinput组件或Native Base的Input组件,如下所示 . 但它在Android上运行不佳 . (渲染句子中没有输入部分 . ) 如何在文本中使用Textinput或Input? &lt...
  • 2 votes
     answers
     views

    使用本机基本Toast从Redux操作显示错误

    我在React Native应用程序中使用NativeBase . 我正在尝试根据redux操作中设置的错误显示Toast组件,因为它是通过调用API发生的 . 它现在会显示,但目前我收到警告信息: 警告:在现有状态转换期间无法更新(例如在渲染或其他组件的构造函数中) . 渲染方法应该是道具和状态的纯函数;构造函数副作用是反模式,但可以移动到componentWillMount . 我不确定如...
  • 0 votes
     answers
     views

    React Native Project - 使用Native-Base DatePicker会引发Invariant Violation错误

    因此,我主要使用React Native为我的应用创建一个注册表单,其中一些组件是从Native Base导入的 . 其中一个组件似乎没有正确呈现,并给我一个不变的违规错误 . 我不知道为什么,并且想知道这里是否有人可以解释最新情况 . 当我删除DatePicker时,组件被渲染得很好.....但是包含了DatePicker,错误说是检查我的组件被导出的方式,这对我来说没有意义 . 这是我特定屏幕...
  • 0 votes
     answers
     views

    在第2和第3个可滚动标签之间出现了边框,它们一定不在那里

    我正在使用react-native可滚动选项卡和native-base . 在第2和第3个可滚动标签之间出现了边框,它们一定不在那里 . 我试图在样式对象中添加borderLeftWidth:0,marginLeft:0,但它没有解决问题 . Here is the image 这是代码 . return ( <Container style={{backgroundColor...
  • 0 votes
     answers
     views

    保存/保持CheckBox的状态以响应本机应用程序(已选中或未选中)/提供给复选框的无效支持

    我刚刚在我的本机应用程序中实现了本机库中的复选框组件 . 每次我选中/取消选中该复选框时,某些变量会更改其状态(true或false)然后存储 . 根据存储在asyncStorage中的值,我可以在应用程序中进行一些更改,它可以正常工作 . 我改变它的问题(它将's always going back to the default value once changing the page ) I'...
  • 3 votes
     answers
     views

    反应原生路由器通量和本机基础容器

    我是新手反应原生,所以我想也许有点太多“HTML”而不是“原生”,所以我的问题可能看起来很愚蠢 . 我使用react-native-router-flux作为路由,并使用native作为一些不错的组件 . 我也想使用本机基础的Header / Content / Footer,但我找不到让它工作的方法 . 为了拥有Header / Content / Footer,这些组件必须包装在Contain...
  • 0 votes
     answers
     views

    React Native包冲突:native-base x react-native-firebase

    今天我使用“react-native-firebase”和“native-base”软件包创建了一个(空的)Android应用程序 . 它在调试模式下工作,但在发布模式下发生崩溃 . 重现问题的步骤: 创建一个新应用 react-native init BaseTest cd BaseTest 安装“native-base” npm install native-base --save...
  • 1 votes
     answers
     views

    如何在原生基础上更改主题?

    我目前是新的本地反应并试图使用原生基础,该组件很好但我仍然坚持改变原生基础中的主题,而我知道如何使用风格但不是所有这些都可以应用于原生基础(例如在活动页脚选项卡中更改颜色) . 即使它可以自定义风格我更喜欢在主题中更改,就像在文档中一样 . 但我无法克服这一点 . 我已经尝试使用我的自定义主题并在我的组件中应用到目前为止但它没有改变 . 我的工作区:-react-native 2.0.1 -nat...
  • 1 votes
     answers
     views

    如何更改本机基础上的无线电图标

    我想改变android收音机选择的图标样式 . 但是找不到图标源,我不能只改变颜色和大小但不能改变图标 . 我想用“检查”图标 . 我正在使用具有材料主题的原生基础 . 我将其导出以进行自定义 . 这是我的Radio.js里面的../native-base-theme/components/Radio.js import { Platform } from "react-native&q...
  • 0 votes
     answers
     views

    如何在反应原生的手风琴中正确渲染获取的api结果?

    您好,在我的项目中,我使用了 native-base 的手风琴 . 我无法实现这一点 . 因为在手风琴的内容和 Headers 的渲染中,我在手风琴中得不到任何东西 . 以下是我的代码以及来自服务器的json响应 . 请帮我弄清楚这个错误 . 我真的不知道这个错误 . 请指导 . json [{ data: { course: { name: "I. ...
  • 0 votes
     answers
     views

    如何让我的Picker在React Native中垂直对齐?

    我在这里创造了一个小吃: https://snack.expo.io/@deltanovember/dtest 使用库 react-native-easy-grid 和 native-base . 我创建了一个基本表,如下所示: 最右侧的列未正确垂直对齐,因为Score1略高于行的其余部分,而Score5略低于行的其余部分 . 如何让最右边的列与表格的其余部分对齐?
  • 0 votes
     answers
     views

    React Native与Native Base选项卡无法呈现

    我正在为本机应用程序使用本机基本扩展 . 我正在iOS模拟器上运行代码 . 我一直关注这个:http://nativebase.io/docs/v2.0.0/components#tabs 我的代码如下: import React, { Component } from 'react'; import { Container, Header,Content, Tab, Tabs } from 'n...
  • 0 votes
     answers
     views

    React-Native - 导航器不渲染initialRoute

    在教自己React-Native的过程中 . 构建一个零售iOS网站的模型,该网站从Firebase中提取数据,并尝试合并Navigator . 我的应用程序来自'index.ios.js> MainLayout> Routing> HomeIndex' . 以下是所述组件: MainLayout.js import React, { Component } from 'reac...
  • 0 votes
     answers
     views

    如何使用原生基础ui工具包显示具有不同颜色的列表中的所选项目?

    我想以不同的背景颜色显示侧边栏内容 . 为此我尝试了 TouchableOpacity underlay . 但这不是我正在寻找的那个 . 在给出 TouchableOpacity 之后,它将改变文本的颜色而不是整个列表background.How我如何更改listitem背景颜色,因为我已经做了类似以下的事情 . 在 onPresList 中设置 pressStatus 为真如果是真的改变背景...
  • 1 votes
     answers
     views

    Native Base React中的内容组件未呈现

    我设计使用Native base库(http://docs.nativebase.io/Components.html#anatomy-headref)对本机UI做出反应 . 我正在关注他们最基本的例子(骨架),但内容组件根本没有出现 . 鉴于大多数子组件都依赖于此,我被困在这个库上 . 我可以渲染网格,这使得这个问题对我来说更加奇怪 . 我在他们的文档中使用了基线示例http://docs.na...
  • 0 votes
     answers
     views

    更改键盘上组件的位置确实显示 - KeyboardAvoidingView无法正常工作 - [React Native]

    我有我的代码设置: export default class HomeScreen extends Component { constructor() { super(); } componentDidMount () { this.keyboardDidShowListener = Keyboard.addListener('keyboardDidShow...
  • 0 votes
     answers
     views

    反应原生扁平化渲染性能差异

    我正在尝试一个简单的测试,调用一个返回Name和Title数组的API(一次20个项目)并尝试使用反应原生FlatList渲染它 . 当我使用自己的样式组件时,性能要好得多,它能够更快地渲染项目 . 但是当我使用像NativeBase或React-Native-Elements这样的UI工具包时,渲染很慢 . 我的样式组件在<600毫秒内完成渲染,而NativeBase或react-nati...
  • 1 votes
     answers
     views

    根据本机中的复选框状态显示/隐藏组件

    在设置页面中,我选中了一个复选框作为默认值 . 如果用户取消选中它,则应用程序中的所有图像都将被隐藏,用户将无法在整个应用程序中看到任何图像 . 我想我需要控制复选框的状态(选中或不选中),单击/按下复选框时更改该值,将新值传递给所有应用程序( HOW? ),然后根据该值我可以决定是否显示或不显示图像 . 所以基本上,我的问题是访问该状态值,然后决定显示什么 . 这是我在设置页面中使用的代码: 设...
  • 0 votes
     answers
     views

    无法在react-native中解析模块

    Problem :每当我尝试导入.js或任何图像文件时,我都会得到这个 无法解决模块错误 我检查过文件的路径是否正确 . Path : App.js : import React, { Component } from "react"; import { Container, Header, Button, Icon, Item, Input, ...
  • 1 votes
     answers
     views

    不同的代码,但我在设备上测试时输出不会改变

    你好,我是反应原生的初学者,我按照所有指南使用本机基础反应本机,但每当我使用下面的示例代码测试应用程序时,我仍然得到 “欢迎来到React Native,开始使用,编辑index.android.js” 正如你可以看到代码和输出不匹配,任何关于如何解决这个问题的想法? import {Container, Content, Button, Icon} from 'native-base'; i...
  • 0 votes
     answers
     views

    导入react-navigation和native-base时出错

    当我 import stacknavigator from react-navigation 或来自 native-base 的listitem时,我是新手 . 在世博会上创建了新项目 . npm install --save react-navigation . npm安装 . npm start enter code here 我不断得到这个错误,尝试从GitHub回购问...
  • 2 votes
     answers
     views

    如何在Native Base上打开键盘时避免双击?

    这是关于React Native应用程序的Native Base框架的问题: 想象一下订阅屏幕; 1个文本输入和一个订阅按钮; 在我输入我的电子邮件地址后,我想点击订阅按钮,但我的第一个点击只关闭键盘,我需要再次点击按下按钮 . 这怎么可以避免?我的预期行为是第一次点按是按下按钮 . (据我所知,这是<Content>组件的一部分,但我不确定 . ) (我已经在本机厨房水槽应用程序上...
  • 3 votes
     answers
     views

    React-Native-Snap-Carousel组件未正确显示

    我在一个react-native应用程序中使用带有NativeBase的react-native-snap-carousel NPM包 . 我能够成功加载页面但旋转木马没有按预期显示子组件 . Carousel中的卡片渲染非常小(高度非常小,不清晰) 如果我在NativeBase的 <ListItem> 组件中使用卡片组件,那么这些卡片可以很好地使用,但是当在转盘组件下使用相同的卡片...

热门问题