Question

如何更改整个卡的背景颜色？

在以下代码中，颜色仅在Item元素下更改

整张卡始终保持白色

<Card style={{flex:1, backgroundColor:'blue'}}>
    <CardItem header>
        <Text>List of users</Text>
    </CardItem>
    <List
        leftOpenValue={75}
        rightOpenValue={-75}
        dataSource={this.ds.cloneWithRows(this.state.data[0].users)}
        disableLeftSwipe = {true}
        renderRow={(item) => this._renderContent(item)}
    />
</Card>

Answer 1

您不能更改<Card>背景颜色。您必须分别为卡片项目设置背景色。就像：

     <Container>
        <Header />
        <Content>
          <Card>
            <CardItem style={{backgroundColor: 'red'}}>
              <Body>
                <Text>
                   //Your text here
                </Text>
              </Body>
            </CardItem>
          </Card>
        </Content>
      </Container>

Answer 2

您已经为每个cardItem明确设置了背景颜色

  <Card style={{flex:1, backgroundColor:'blue'}}>
        <CardItem header style={{backgroundColor:'blue'}}>
            <Text>List of users</Text>
        </CardItem>
        <List
            style={{backgroundColor:'blue'}}
            leftOpenValue={75}
            rightOpenValue={-75}
            dataSource={this.ds.cloneWithRows(this.state.data[0].users)}
            disableLeftSwipe = {true}
            renderRow={(item) => this._renderContent(item)}
        />
    </Card>

卡组件中的背景色

2 个答案: