CODEWITHSUNDEEP
androidreact-nativeoverflow
Nirmalsinh Rathod
Nirmalsinh Rathod

Reputation: 5186

ReactNative: overflow is not working for Android

I am using React-Native in my application. I used overflow to show a view which is outside the main view. Its working fine in iOS, but not in Android.

Here is my code:

 <View style={Style.parentStyle}>
<View
    style={[
        {
            height: barHeight,
            backgroundColor: color,
            overflow: "visible"
        },
        Style.mainStyle
    ]}
>
    <View
        style={[
            {
                borderRadius: shadowHeight,
                top: -borderRadiusBar,
                borderWidth: 1.0,
                borderColor: borderColor,
                backgroundColor: color,
                overflow: "visible"
            },
            Style.roundStyle
        ]}
    >
        <Text style={Style.otherstyle}>{player value}</Text>
    </View>
</View>
<Text style={Style.textStyle}>{name}</Text>
</View>;

Style:

  parentStyle: {
        flex: 1,
        backgroundColor: 'transparent',
        marginLeft: 1,
        marginRight: 2,
        justifyContent: 'flex-end',
        overflow: 'visible',
    },
    mainStyle: {
        justifyContent: 'flex-start',
        alignItems: 'center',
        borderRadius: 0,
        overflow: 'visible',
    },

Upvotes: 0

Views: 2791

Answers (2)

Bruce Lin
Bruce Lin

Reputation: 2740

It's not working yet due to some native limitation, so all the overflow item will be hidden.

Upvotes: 1

Th&#233;o dvn
Th&#233;o dvn

Reputation: 940

The overflow attribute is not supported on Android yet. But you can support the feature request here.

Duplicate of Element overflow hidden in React-Native Android

Upvotes: 1

Related Questions