React-native: React native overflow visible not working in android even after updated to RN 0.58.4

[vinayakb-pits]

🐛 Bug Report

According to this RN release , now on we can use overflow:'visible' in android . But still React Native Android clipping its Children view.

To Reproduce

cosider below example
https://snack.expo.io/ryZwe-mHN

output in android
https://i.stack.imgur.com/M560e.png

output in iOS
https://i.stack.imgur.com/jsUwW.jpg

Expected Behavior

the parent should not clip the child view
like this https://i.stack.imgur.com/jsUwW.jpg

Code Example

Please consider snack expo url
https://snack.expo.io/ryZwe-mHN
or
SO Question
https://stackoverflow.com/questions/54693030/react-native-overflow-visible-not-working-in-android-even-after-updated-to-rn-0

Environment

React Native Environment Info:
System:
OS: Windows 10
CPU: (4) x64 Intel(R) Core(TM) i5-7400 CPU @ 3.00GHz
Memory: 520.89 MB / 7.91 GB
Binaries:
Yarn: 1.7.0 - C:\Program Files (x86)\Yarn\binyarn.CMD
npm: 4.6.1 - C:\Program Files\nodejs\npm.CMD

I am getting only this much information when I run react-native info

my package.json is

{ "name": "OverFlowIssue", "version": "0.0.1", "private": true, "scripts": { "start": "node node_modules/react-native/local-cli/cli.js start", "test": "jest" }, "dependencies": { "react": "16.6.3", "react-native": "0.58.4" }, "devDependencies": { "babel-core": "7.0.0-bridge.0", "babel-jest": "24.1.0", "jest": "24.1.0", "metro-react-native-babel-preset": "0.51.1", "react-test-renderer": "16.6.3" }, "jest": { "preset": "react-native" } }

[cpojer]

Should be in 0.59.

[Remigar2012]

@cpojer ANDROID: "react-native": "0.59.1" overflow:"visible" don't working
IOS: Norm

logo: { overflow: "visible", width: 20, aspectRatio: 1, marginRight: 10 },

[cpojer]

Do you mind sending a PR with a fix for the remaining issue?

[gmajali]

should be in 0.59 but im using 0.59.3 and its still not working...

[Johncy1997]

overflow:'visible' is hidden on android. Please refer my screenshot. Plz tell me some possible solution.

[Johncy1997]

I have solved this issue by creating AndroidPackage as said here. Its perfectly working for me

[Duckers]

Still not working in 0.60.5

[grantgeorge]

As per the docs:

On Android, all views will clip their children.

https://facebook.github.io/react-native/docs/0.51/layout-props#overflow