android - 如何在reactjs中显示多个组件

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>
);

这应该有效。