反応するネイティブのアンドロイドのアプリでZ-indexプロパティを与える方法

Question

私はロットを検索しましたが、反応のネイティブでz-indexプロパティを与える方法を見つけました。反応しないネイティブでzIndexを使用すると、スタイルの小道具タイプ。

ここはレンダリングの私のコードです。あなたが私がautoContainerビューに見えるようにしたいということを下に見ることができます。だから、サードパーティ製のライブラリを使わなくても、どうやって前進させることができるのか教えてください。

render() { 
    return (
     <View style={{flex:1}}> 
     <View style={[styles.inputWrap,this.props.error]}> 
     <TextInput 
      style={[style.input,this.props.style]} 
      ref={this.props.name} 
      onChangeText={(text) =>this.searchItem(this.props.options,text)} 
      value={this.state.value} 
      placeholder={this.props.placeholder} 
      placeholderTextColor="#000000" 
      keyboardType={this.props.keyboard} 
      /> 
     </View> 
     {this.toggleAuto()} 
     </View> 
    ) 
} 
toggleAuto() 
    { 
    if(this.state.autoList!='') 
     { 
    return (<View style={style.autoContainer}> 
      {this.renderList(this.state.autoList)} 
      </View> 
     ); 
     } 
    } 
const style = StyleSheet.create({ 
    input:{ 
    flex:1, 
    height:50, 
    fontSize:16, 
    backgroundColor:'#ffffff', 
    paddingLeft:10, 
    }, 
    autoContainer: { 
    borderTopColor:"#888888", 
    borderTopWidth:1, 
    position:"absolute", 
    right:0, 
    left:0 
    }, 
    list: { 
    backgroundColor:'#f2f2f2', 
    padding:10, 
    borderColor:'#888888', 
    borderBottomWidth:1, 
    borderLeftWidth:1, 
    borderRightWidth:1 
    } 
}); 

Answer 1

更新答え：zIndexは今ReactNativeで働きます。

elevationスタイルのプロパティを試しましたか？

autoContainer: { 
    ..., 
    elevation: 3, 
} 

チェックアウト以下のリンク：あなたが使用しているRNバージョン

1. View

2. Elevation

Answer 2

？
現在のバージョン0.45は、のZIndexは、バージョン0.30以降でサポートされてAndroidとiOS の両方のためのZIndexをサポートし、ここでそれを確認：https://github.com/facebook/react-native/commit/3d3b067f6fc831b6b23726087fe39cf39ef86f00