Question

我已经使用react native for android编写了一个简单的应用程序。我想知道如何在return函数中使用多个彼此相邻的组件。如果我添加toolbar标记，则会出错。

return (
<MovieScreen
      style={{flex: 1}}
      navigator={navigationOperations}
      movie={route.movie}
/>
);

以上作品。下面一个给出错误

return (
<Toolbar/>
<MovieScreen
      style={{flex: 1}}
      navigator={navigationOperations}
      movie={route.movie}
/>
);

请帮忙。

Answer 1

如果您认为这是展示它的方式，请将其附在View标记中。

return (
  <View style={{flex: 1}}>
    <Toolbar />
    <MovieScreen
      style={{flex: 1}}
      navigator={navigationOperations}
      movie={route.movie}
    />
  </View>
);

这应该有用。

Answer 2

你不能记得2个值吗？您只能返回一个封装标签。所以，包装一个视图。它会起作用:)）

return (
  <View style={{flex: 1}}>
    <Toolbar />
    <MovieScreen
      style={{flex: 1}}
      navigator={navigationOperations}
      movie={route.movie}
    />
  </View>
);

如何在reactjs中显示多个组件

2 个答案: