position: fixed support, want to make a view fullscreen. #264

New Issue

2016-11-30T06:30:32-08:00

jayshah123 commented

2016-11-30 06:30:32 -08:00

(Migrated from github.com)

For support of position: "fixed" in css-layout,

Use case : I have (many) videoView deeply nested in view hierarchy - think list of videos, any one of which I want to make fullscreen.

Current approach (hack) : make videoview as big as screen(fixed values for height width in css style), track videoview's parent layout position and give negative margins to videview to show it properly.

Desired approach : Was wondering if there is a simple way to do this (like position: fixed and specify screen co-ordinates)

Any suggestions or help is welcome

For support of position: "fixed" in css-layout, Use case : I have (many) videoView deeply nested in view hierarchy - think list of videos, any one of which I want to make fullscreen. Current approach (hack) : make videoview as big as screen(fixed values for height width in css style), track videoview's parent layout position and give negative margins to videview to show it properly. Desired approach : Was wondering if there is a simple way to do this (like position: fixed and specify screen co-ordinates) Any suggestions or help is welcome

👍 13

emilsjolander commented

2016-11-30 06:36:24 -08:00

(Migrated from github.com)

For product questions like this please ask them on stack overflow with the react native tag.

jayshah123 commented

2016-11-30 06:55:31 -08:00

(Migrated from github.com)

http://stackoverflow.com/questions/40891450/react-native-flexbox-css-layout-position-fixed-support

freakyfriday commented

2017-05-11 19:28:06 -07:00

(Migrated from github.com)

Hey guys can we re-open this feature request? I'm also looking for a position: fixed layout property in react native.

According to the docs: An item marked with Position = Absolute is positioned absolutely in regards to its parent. See https://facebook.github.io/yoga/docs/absolute-position/

We really need a way to position an element with regards to the root screen similar to position: fixed in a browser.

Hey guys can we re-open this feature request? I'm also looking for a position: fixed layout property in react native. According to the docs: An item marked with Position = Absolute is positioned absolutely in regards to its parent. See https://facebook.github.io/yoga/docs/absolute-position/ We really need a way to position an element with regards to the root screen similar to position: fixed in a browser.

👍 5

emilsjolander commented

2017-05-12 01:20:15 -07:00

(Migrated from github.com)

I'm fine re-opening as a feature request.

freakyfriday commented

2017-05-12 19:49:16 -07:00

(Migrated from github.com)

Thanks Emil :-) I've mentioned this feature request in a problem I've posted on StackOverflow. Hopefully others that need this will get involved too.

http://stackoverflow.com/questions/43928977/instagram-style-pan-zoom-with-react-native

Thanks Emil :-) I've mentioned this feature request in a problem I've posted on StackOverflow. Hopefully others that need this will get involved too. http://stackoverflow.com/questions/43928977/instagram-style-pan-zoom-with-react-native

6ewis commented

2017-11-21 22:51:32 -08:00

(Migrated from github.com)

any update?

iddan commented

2018-01-02 01:34:12 -08:00

(Migrated from github.com)

This is an important because currently in RN we have to use a Portal or a Modal to render views out of the positional scope.

👍 2

maygjor commented

2018-01-02 05:02:45 -08:00

(Migrated from github.com)