Nativebase: Card border not displaying in Android

Created on 23 Apr 2018 · 4Comments · Source: GeekyAnts/NativeBase

Card border not displaying in Android but in IOS its working fine.

My setup:

 "native-base": "^2.4.1",
 "react": "^16.3.0-alpha.1",
  "react-native": "0.55",
  "react-native-easy-grid": "^0.1.17",

          <Card>
            <CardItem header bordered>
              <Text style={{ textAlign: 'center' }}>Title</Text>
            </CardItem>
            <CardItem bordered>
              <Body>
                <Text>
                  Body text
                </Text>
              </Body>
            </CardItem>
          </Card>

bug

Source

anam-hossain

👍1

All 4 comments

@anam-hossain this will be fixed in the upcoming release.

akhil-geekyants on 23 Apr 2018

👍1

Fixed with 2.4.3

SupriyaKalghatgi on 27 Apr 2018

Same problem,

"native-base": "^2.4.2",
"react": "16.3.1",
"react-native": "0.55.3",

In android borders are skipping one cardItem and then showing to next one and...

<Card style={{flex: 0}}>
            <CardItem bordered>
              <Body>
                <Image source={image} style={{height: 200, width: 200, flex: 1}} />
              </Body>
            </CardItem>
            <CardItem bordered>
              <Text>Alauddin Ahmed</Text>
            </CardItem>
            <CardItem bordered>
              <Text>01677*****</Text>
            </CardItem>
            <CardItem bordered>
              <Text>Shopno</Text>
            </CardItem>
            <CardItem bordered>
              <Text>Bashabo</Text>
            </CardItem>
          </Card>

2rd CardItem border is not showing.