Native Base ListItem样式不适用 - 看起来很破碎

Question

我有一个全新的本地base + expo安装，我正在尝试列出一个列表。通常，没有问题，但今天有些事情是正确的。

以及制作此列表的代码。

<Container>
    <Content>
      <List>
        <ListItem avatar>
          <Left>
            <Thumbnail source={{ uri: 'http://i.pravatar.cc/100' }} />
          </Left>
          <Body>
          <Text>Awesome group</Text>
          <Text note>Awesome group</Text>
          </Body>
          <Right>
            <Text>2/13</Text>
          </Right>
        </ListItem>
        <ListItem avatar>
          <Left>
            <Thumbnail source={{ uri: 'http://i.pravatar.cc/100' }} />
          </Left>
          <Body>
          <Text>Awesome group</Text>
          <Text note>Awesome group</Text>
          </Body>
          <Right>
            <Text>1/2</Text>
          </Right>
        </ListItem>
        <ListItem avatar>
          <Left>
            <Thumbnail source={{ uri: 'http://i.pravatar.cc/100' }} />
          </Left>
          <Body>
          <Text>Awesome group</Text>
          <Text note>Awesome group</Text>
          </Body>
          <Right>
            <Text>22/103</Text>
          </Right>
        </ListItem>
      </List>
    </Content>
  </Container>

真的，根据本机基础文档，它实际上应该是这样的：

看起来它并没有应用很多由道具驱动的造型。 E.G第二行文本中的note道具不适用，我认为高度被打破，因为列表本身的avatar道具不适用。

有什么建议？

Answer 1

好吧事实证明这是因为我有这样的扩展设置：

class App extends React.Component {

但是为了让NativeBase正确地拾取东西，你需要导入Component并像这样使用它

import React, {Component} from 'react';
class App extends Component {

然后一切正常:)

Native Base ListItem样式不适用 - 看起来很破碎

问题描述投票：3回答：1

1个回答

最新问题

Native Base ListItem样式不适用 - 看起来很破碎

问题描述 投票：3回答：1

1个回答

最新问题

问题描述投票：3回答：1