Как одновременно показывать статический и динамический контент в собственном плоском списке?

Question

У меня есть представление, которое имеет верхний баннер и некоторый текст, и после этого есть список продуктов, которые используют нумерацию страниц. Я хочу использовать плоский список. Есть ли способ настроить его так, чтобы в моих renderItemsЯ верну свои продукты и у меня будет статический контент в том же плоском списке?

Answer 1

Если у вас есть фиксированный баннер и текст перед плоским списком.Вы можете обернуть баннер, текст и плоский список в scrollView. Это будет работать так, как вы хотели.

    render(){
     return(
       <ScrollView>
        this.renderBanner();
        this.renderText();
        this.renderFlatList();
      </ScrollView)
    }

Answer 2

Если ваш баннер и текст всегда будут в верхней части списка продуктов, вы можете использовать ListHeaderComponent опору Плоский список для визуализации статического содержимого (например, баннера и текста).

<FlatList
     ...
     ListHeaderComponent={this.renderHeader}
/>