In React Native, how do I put a view on top of another view, with part of it lying outside the bounds of the view behind?

react-native
fatuhoku picture fatuhoku · Jun 28, 2015 · Viewed 151.9k times · Source

I'm trying to make a layout as per below with React Native.

enter image description here

How do I specify the position of B relative to A?

With iOS Interface Builder and autoconstraints, this can very explicitly be done and is a breeze. It's not so obvious how one might achieve this with React Native.

Answer

boredgames picture boredgames · Jun 29, 2015

Add the following style to the "floating" view:

position: 'absolute'

You may also need to add a top and left value for positioning.

Related questions

How can I insert a line break into a <Text> component in React Native?

I want to insert a new line (like \r\n, <br />) in a Text component in React Native. If I have: <text> <br /> Hi~<br /> this is a test message.<br /&…

Read More
React Native android build failed. SDK location not found

I have error when i start running android What went wrong: A problem occurred evaluating project ':app'. > SDK location not found. Define location with sdk.dir in the local.properties file or with an ANDROID_HOME environment variable.

Read More
Unable to load script from assets index.android.bundle on windows

I'm trying to run my first React Native project for first time on my device (Android 4.2.2). And I get: unable to load script from assets index.android.bundle Commands that I used: cd (project directory) react-native start react-native run-android

Read More