使用 <Container> <View> NativeBase UI 库和在 NativeBase UI 库中有区别吗?



NativeBase表示将所有组件封装在<Container></Container>标记内。

  1. 是否意味着替换所有<View></View>标签
  2. 当使用所有<Container>标签替换所有<View>标签,反之亦然
  3. 我应该每个屏幕只使用一个<Container>,而使用<View>吗屏幕内的其他容器

问题中的第三点是正确的。Container组件应该在每个屏幕上只使用一次来包装所有子组件,这有点像React.Fragment

Container一般取三个子成分

<Container>
<Header> //<-always on top
...
</Header>
<Content> //<-supports scrolling
...
</Content>
<Footer> //<-always in the bottom
...
</Footer>
</Container>

使用所有标记替换所有标记,反之亦然?

不建议用Container替换所有View,因为Container有其默认样式,其行为与使用View组件包装组件时不同。

最新更新