React Native加载屏幕（条件渲染）

Question

我正在尝试在HTTP调用完成后在React Native Android应用中呈现视图。

我的渲染方法：

render: function() {
    if (this.state.obj.name) {
        return this.renderPage();
    } else {
        return (<Loading />);
    }
}

<Loading />包含显示“ Loading”的简单View和Text元素。

我在componentDidMount（）中调用网络请求：

componentDidMount: function() {
    var self = this;

    SomeService.getObjById(1).then(function(data) {

        var obj = JSON.parse(data._bodyText);

        self.setState({
            obj: obj
        });
    });
},

但是，当我更新状态并实例化“ obj”（现在有一个名称prop）时，渲染被调用，它将返回渲染页面，但视图不会更新。

我的renderPage方法可以在以下情况下正常工作：

renderPage: function() {
    return (
        <View><Text>Hello</Text></View>
    )
}

但是，当它有6行以上的代码时，它似乎并没有更新。

知道为什么事件虽然在调用完成时条件返回不同的组件，但实际视图没有更新？

Answer 1

我通过在更改视图之前发出请求来解决此问题。

这仍然没有用，但是我在navigator.push（）周围添加了setTimout（function（）{}，0），并且由于将“ push”推到了调用堆栈的末尾而起作用了。

并不令人惊讶，但有效