反応ネイティブでのZ-インデックスの問題

Question

絶対配置された要素/コンポーネントを、それ以降レンダリングされる他のコンポーネントの上に持ってくる方法。 私はscrollviewコンポーネント

style: 
     width: 300, 
     height: 100, 
     position:'absolute', 
     top:30, 

を使用していますが、他のコンポーネントは、スクロールのドロップダウンメニューを重ねています。 topをBottomに変更しましたが、scrollviewの先頭にあったコンポーネントは重複しません。

この回答を気にすることはできません。reactjs私は解決策を見つけ出すことができず、ご迷惑をおかけして申し訳ございません。 私はscrollview成分及びエリア社会ドロップダウンを持っている次の画像に私の問題のスクリーンショットを添付しているが表示されている別のscrollviewであり、第一の成分と重なっ

Answer 1

EDIT：反応させネイティブは、現在サポートしていz-indexプロパティ！ https://facebook.github.io/react-native/docs/layout-props.html

==古い回答==

はネイティブz-index性質を持っていない反応します。 zインデックスは、コンポーネントの順序によって決まります。たとえば：

<View> 
    <Image /> 
    <Text /> 
</View> 

<Text>は常に<Image>の上になります。

Answer 2

zIndexプロパティは、反応してからのネイティブバージョン0.29.0のiOSとしてサポートされています。

Answer 3

私は同様の問題があり、zIndexが正しいコンポーネントに適用されなかったことが原因です。

class App extends Component { 
    render() { 
     return (
      <View style={styles.form}> 
       <View style={styles.selectInput}> 
        <TextInput placeholder="Select something" /> 
        <Dropdown /> 
       </View> 
       <View style={styles.formInput}> 
        <TextInput placeholder="Stuff" /> 
       </View> 
       <View style={styles.formInput}> 
        <TextInput placeholder="Other stuff" /> 
       </View> 
      </View> 
     ); 
    } 
} 

をそして、あなたはあなたのDropdownコンポーネントがあなたがそのコンテナ、selectInputスタイルを持つビューにzIndex: 100を追加する必要があり、以下の2つのフォーム入力の上に行きたい：たとえば次のような持っている場合。