草庐IT

react-Native

全部标签

javascript - React : Best way to update self, 但阻止 child 更新?

我正在研究拖放实现(从头开始,不使用DND库),并希望在拖动过程中限制不必要更新的数量。拖动“克隆”(通常是原始元素的副本,但可以是任意占位符)是通过更新容器组件(“Clonetainer”)上的状态并使用它来应用转换来实现的。但是,在移动过程中更新整个子树是没有意义的,因为唯一的变化是容器的坐标。这是我的解决方案:constClonetainerRenderShield=React.createClass({shouldComponentUpdate:function(newProps){returnnewProps.shouldUpdate;},render:function(){

javascript - 如何在 React Native Router Flux 中嵌套场景并使用方向 ='vertical' 导航?

我想嵌套react-native-router-flux的并尝试了以下操作,但我无法导航到来自:我想嵌套Profile内部组件Home组件,因为它只能通过Home访问组件。那么我该如何正确嵌套Profile内部组件Home组件?当我也导航到Profile时组件,它使用vertical导航方向,但是当它试图导航到另一个组件(例如Actions.test())时,它没有direction='vertical'设置,来自Profile组件,它应该垂直导航时水平导航,而在Profile内点击后退按钮组件返回vertical方向。自从我导航到Profile组件vertically,我怎样才能得到

javascript - React Native 元素类型无效。检查渲染方法

我环顾四周,其中大部分问题都是导入或导出不正确造成的,但我检查了我的应用程序,但我不确定我导出/导入的内容有误。这正是我遇到的错误。React.createElement:typeisinvalid--expectedastring(forbuilt-incomponents)oraclass/function(forcompositecomponents)butgot:object.Youlikelyforgottoexportyourcomponentfromthefileit'sdefinedin.ChecktherendermethodofFooterTabs.不确定渲染方法是

javascript - 使用 react-router v4、Jest 和 Enzyme 测试组件

我有一个使用react-router的简单组件(我知道这是alpha版本):{props.app&&props.app.health&&}建议在中包装的文档在测试时为组件提供上下文。但是,使用Jest/Enzyme我无法shallow()渲染-我必须使用enzyme的mount()或render(),这会导致问题,因为HomeLogin是一个连接的组件-我希望能够测试我的组件是否呈现正确的内容,但不测试其中呈现的组件。我的测试:it('Rendersbaseduponmatchedroute',()=>{letprops={app:{health:true},};constcompon

javascript - react native map : center marker onPress before Callout is displayed

当用户按下标记时,我调用animateToCoordinate使标记居中于屏幕中间。问题是标注在animateToCoordinate完成其动画之前呈现到区域的位置,因此标注显示在屏幕外。无论如何要延迟标注显示直到animateToRegion完成?还是有另一种我没有看到的完全解决这个问题的方法?{_mapView=mapView;}}style={styles.map}region={this.state.mapRegion}showsUserLocation={true}showsMyLocationButton={true}followUserLocation={true}onR

javascript - 为什么 Jest 不会运行? "TypeError: environment.setup is not a function"

真的在这里战斗。MyCircleCI测试失败了FAIL./App.test.js●TestsuitefailedtorunSyntaxError:Unexpectedtoken)我尝试在我的机器(CRNA机器)上本地运行Jest,但出现以下错误:TypeError:environment.setup不是函数所以这两个似乎都是Node版本/ES6/babel问题,对吧?我之前遇到过一些错误(Pathwasexpectingstring等),我通过安装jest-cli和更改Node版本等解决了这些错误。我现在在:Nodev8.9.1npm5.5.1但现在我完全被难住了。所以:TypeErr

javascript - React Router vs Redux 优先路由

我和我的团队正在开发一个带有React、Redux和React路由器的应用程序。我们的应用程序有相当复杂的路由要求,但没有什么疯狂的:在导航的URL中添加默认查询参数,多个路由映射到同一View,根据应用程序状态在某些路由上重新路由,以及恢复以前的状态等等。我遇到的一个大问题是我无法自动路由和更新状态。路由必须在状态更新之前或之后发生,这会导致路由完成而不是状态更新的中间状态,反之亦然。例如,导航到特定View应该加载一些内容并将加载状态更新为正在加载状态。此外,一些组件在挂载时触发redux操作,因此路由事件直接导致redux操作,因此有点像分派(dispatch)多个redux操作

javascript - 尝试使用自定义图标创建 TabBarIOS 时发生不变冲突错误

我在这里主要想完成的是合并这两个教程(x)(x)为了创建一个具有自定义图标的简单TabBar。我正在尝试使用react-native-vector-icons库中的图标,我已将其添加到我的节点模块中。但是,我遇到了一个障碍:InvariantViolation:Elementtypeisinvalid:expectedastring(forbuilt-in>components)oraclass/function(forcompositecomponents)butgot:undefined.Youlikelyforgottoexportyourcomponentfromthefile

javascript - 更新文档时的 pouchDB query() 错误

假设我有这三个文件:{"_id":"11111","type":"template","name":"person"}{"_id":"22222","type":"template","name":"place"}{"_id":"33333","type":"template","name":"thing"}我有一个云数据库,然后我有一个从该数据库同步pouchDB的设备。这些是我执行的步骤:我将两个数据库同步在一起。所以现在我的设备上有此文档的最新版本。我运行以下查询,然后像这样取回所有三个模板:代码vartemplate_obj={};returndevice_db.query('

javascript - 动态导入图像(React Js)(要求 img 路径找不到模块)

我需要通过map方法从我的图像文件中动态导入图像(多个)。首先,我想为我的图像文件设置一个基本URL,然后从我的包含image属性的JSON文件中读取图像的名称,然后相应地设置图像src。JSON文件如下所示:{"title":"BlueStripeStonewarePlate","brand":"Kiriko","price":40,"description":"Loremipsumdolorsitamet...","image":"blue-stripe-stoneware-plate.jpg"},{"title":"HandPaintedBlueFlatDish","brand"