Как отобразить стиль bgcolor на 3 части цвета для всех частей

Question

Пожалуйста, помогите, я хочу спросить, как повторить цвет интерфейса 3 детали в одной длинной данных

это мой код сейчас.

       <Card
            key={index}
            transparent
            style={globalStyle.borderRadius}
          >
            <CardItem
              style={
                index === 0 ? styles.creamStyle
                  : index === 1 ? styles.sweetStyle
                    : index === 2 ? styles.berryStyle : null
              }
            >
              <Left style={globalStyle.fdColl}>
                <Text style={styles.txtProduct}>{data.title}</Text>
                <Text style={styles.txtPrice}>{`Price start ${data.price}`}</Text>
              </Left>
              <Right>
                <Thumbnail source={data.image} style={{ width: '60%' }} />
              </Right>
            </CardItem>
          </Card>