vấn đề z-index trong phản ứng bản địa

Question

Làm thế nào để mang lại hoàn toàn vị trí các yếu tố/thành phần trên đầu trang của các thành phần khác được trả lại sau đó. Tôi đang sử dụng scrollview phần

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

nhưng các thành phần khác được chồng chéo thả xuống cuộn. Tôi đã thay đổi từ trên xuống dưới nhưng các thành phần nằm ở trên cùng của scrollview không bị chồng chéo lên nhau.

Vì tôi là người mới đối với bản địa phản ứng này và không biết về reactjs Tôi không thể tìm ra giải pháp và thuật ngữ để thể hiện sự cố của mình, vui lòng trợ giúp. Tôi có kèm theo ảnh chụp màn hình của vấn đề của tôi trong hình dưới đây tôi có một danh sách lí xã hội trong scrollview thành phần và khu vực là một scrollview mà có thể nhìn thấy và chồng lên phần đầu tiên

Answer 1

EDIT: Phản ứng Native bây giờ không hỗ trợ tài sản z-index! https://facebook.github.io/react-native/docs/layout-props.html

== cũ câu trả lời ==

Phản ứng Native không có một tài sản z-index. Chỉ số z được xác định theo thứ tự các thành phần của bạn. Ví dụ:

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

<Text> sẽ luôn ở trên <Image>.

Answer 2

zIndex thuộc tính được hỗ trợ như phiên bản gốc phản ứng 0.29.0 cho iOS.

Answer 3

Tôi gặp vấn đề tương tự và xuất phát từ thực tế là zIndex không được áp dụng cho thành phần phù hợp. Ví dụ nếu bạn có điều sau đây:

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> 
     ); 
    } 
} 

Và bạn muốn phần Dropdown của bạn để đi trên hình thức 2 đầu vào dưới đây, bạn cần phải thêm zIndex: 100 để chuyển container, View với selectInput phong cách.