Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

React native overflow visible not working in android even after updated to RN 0.58.4 #23455

Closed
vinayakb-pits opened this issue Feb 14, 2019 · 8 comments
Labels
Bug Flow Platform: Android Android applications. Resolution: Locked This issue was locked by the bot.

Comments

@vinayakb-pits
Copy link

🐛 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\bin\yarn.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
Copy link
Contributor

cpojer commented Apr 2, 2019

Should be in 0.59.

@cpojer cpojer closed this as completed Apr 2, 2019
@Remigar2012
Copy link

Remigar2012 commented Apr 4, 2019

@cpojer ANDROID: "react-native": "0.59.1" overflow:"visible" don't working
IOS: Norm
ioandroid
logo: { overflow: "visible", width: 20, aspectRatio: 1, marginRight: 10 },

@cpojer
Copy link
Contributor

cpojer commented Apr 4, 2019

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

@gmajali
Copy link

gmajali commented Apr 22, 2019

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

@Johncy1997
Copy link

overflow:'visible' is hidden on android. Please refer my screenshot. Plz tell me some possible solution.
Screenshot 2019-06-06 at 10 58 50 AM

@Johncy1997
Copy link

I have solved this issue by creating AndroidPackage as said here. Its perfectly working for me
Screenshot 2019-06-06 at 12 18 43 PM

@Duckers
Copy link

Duckers commented Nov 17, 2019

Still not working in 0.60.5

@grantgeorge
Copy link

As per the docs:

On Android, all views will clip their children.

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

@facebook facebook locked as resolved and limited conversation to collaborators Apr 2, 2020
@react-native-bot react-native-bot added the Resolution: Locked This issue was locked by the bot. label Apr 2, 2020
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Bug Flow Platform: Android Android applications. Resolution: Locked This issue was locked by the bot.
Projects
None yet
Development

No branches or pull requests

8 participants