时间戳

首页 > 解决方案 > 内容不可见本机基础

android - 内容不可见本机基础

问题描述

我有简单的解剖结构，容器内有页眉、内容和页脚，但只有页眉可见，内容中没有任何可见（只有页眉和内容）

<Header>....</Header>
<Content><Text>Some content</Text></Content>

但是，如果我把所有的地方，即。页眉、内容和页脚。然后页脚替换页眉，只有页脚可见。在任何情况下，内容根本不可见。本机基础-v 2.3.1

标签： androidreact-nativenative-base

解决方案

只要层次结构中的父组件没有flex: 1在他的答案中列出诺亚艾伦，我就可以重现这一点。请务必查看整个组件层次结构，以确保没有<View>' 被用作未样式化的包装器。

重现此错误的最简单方法是将所有内容包装在一个无样式的<View>组件中：

<View>
  <Container>
    <Header />
    <Content>
      <Text>
        This text does not show when Container is wrapped in a "View"
      </Text>
    </Content>
  </Container>
</View>

在此处查看演示： https ://snack.expo.io/@asametrical/native-base-content-empty

移除<View>组件会使文本呈现在<Content>. 将flex: 1Noah 提到的样式应用到<View>层次结构中的所有父组件也可以确保呈现内容。

推荐阅读