CardView on Android doesn't support flexbox layout about react-native-cardview HOT 10 CLOSED

I'm still having layout problems on Android, the child views are not centered properly using alignItems: "center". Works as it should on iOS.

from react-native-cardview.

Strangely, wrapping the children in a normal RN View doesn't work either:

          <CardView
            style={{ height: 100, margin: 20 }}
            cardElevation={2}
            cardMaxElevation={2}
            cornerRadius={0}
          >
            <View
              style={{
                flex: 1,
                justifyContent: "center",
                alignItems: "center"
              }}
            >
              <Text>Elevation 1</Text>
              <Text>Elevation 2</Text>
              <Text>Elevation 3</Text>
              <Text>Elevation 4</Text>
            </View>
          </CardView>

from react-native-cardview.

@aranda-adapptor Thanks for issue. I will look into this and fix by end of the day.

from react-native-cardview.

@aranda-adapptor I am closing this issue. Please latest version now.

from react-native-cardview.

Thanks for the quick fix!

from react-native-cardview.

@Sundin if u dont send cardElevation value nor send '0',it works?

from react-native-cardview.

@Sundin i have same issues,did u solve it？

from react-native-cardview.

@est7 Unfortunately I didn't find a workaround. I used a normal View component with a borderRadius instead (and thus had to sacrifice the shadow/elevation effect). I didn't try cardElevation: 0 but it should have the same effect if it works like you said.

from react-native-cardview.

Elevation 0 fixes the issue, but of course removes the shadow. Any updates on this issue?

from react-native-cardview.

Is 'height' props must required? I think it would be better like View, which 'height' is adaptive according to the height of its sub-layouts

from react-native-cardview.