Làm thế nào tôi có thể đặt một ListView bên trong một ScrollView bằng cách sử dụng React Native iOS?

Question

Tôi đang xây dựng ứng dụng Native React iOS. Tôi có một số nội dung kiểm tra và sau đó là một danh sách các mục bên dưới nó. Nếu tôi đặt cả nội dung văn bản và listview bên trong một scrollview listview does't hoạt động đúng (chỉ hiển thị một số mặt hàng) nhưng nếu tôi không đặt listview bên trong scrollview, listview cuộn nhưng nội dung văn bản vẫn bị khóa lên đầu màn hình. Làm cách nào để nội dung văn bản cuộn với chế độ xem danh sách?

Dưới đây là một ví dụ về vấn đề của tôi:
https://rnplay.org/apps/GWoFWg

Answer 1

Bạn nên làm cho nội dung hàng đầu sử dụng ListView.renderHeader prop:

class SampleApp extends React.Component { 

    _renderHeader() { 
    // your header rendering code here 
    } 

    _renderRow() { 
    // your row rendering code here 
    } 

    render() { 
    return (
     <ListView 
     renderRow={this._renderRow} 
     renderHeader={this._renderHeader} 
     /> 
    ); 
    } 
} 

ListView sử dụng ScrollView trong nội bộ để cung cấp các hành vi di chuyển, vì vậy gói nó trong khác ScrollView là không cần thiết.