我正在尝试做的事情：

制作一个搜索栏并将结果显示在栏下方的平面列表中。

我拥有的：

我有一个 SearchBar 和一个 FlatList，FlatList 需要但在绝对位置，所以它覆盖了搜索栏底部的内容

问题：

当 FlatList 处于活动状态时，它会覆盖搜索栏，我无法滚动列表或选择一个项目。我注意到，如果我在单击 SearchBar 应该出现的位置时尝试选择一个项目或滚动列表，我可以选择并滚动列表。

我需要的：

要在 SearchBar 下显示并能够滚动它的 FlatList。我可以用来top: 50在 SearchBar 下显示 FlatList 但它看起来并不好

观察：我不太擅长风格

import React, { Component } from 'react'
import { Text, View, StyleSheet, TouchableHighlight, FlatList } from 'react-native'
import {
    Slider,
    SearchBar,
    ListItem,
} from 'react-native-elements'

export default class SearchForm extends Component {

    state = {
        pages: 1,
        displayList: false,
        itemsPerPage: 5,
    }

    componentDidMount = async () => {
        const {
            data = …

我正在使用 expo cli 为现有的 Web 应用程序开发一个应用程序。

我已完成主屏幕，但在使用时收到此警告ScrollView

VirtualizedList 永远不应该嵌套在具有相同方向的普通 ScrollView 中 - 请改用另一个 VirtualizedList 支持的容器。

我有一个文件夹screens，其中包含网站的所有页面。所以目前我有Home.js不同的部分。

<View>
  <Showcase />
  <StepsList />
  <HomeInfo />
  <HomeCorporateMenu />
  <HomeMonthlyMenus />
</View>

然后在根组件中渲染该组件App.js。但我无法向下滚动查看其他部分。

所以我添加了SafeAreaView和ScrollView组件。现在我可以滚动，但有时我会在控制台中收到该警告。

我查了一下并找到了一些解决方案。

添加style={{ flex: 1 }}和keyboardShouldPersistTaps='always'到ScrollView组件

但仍然收到同样的警告。有什么建议么？

<SafeAreaView style={styles.container}>
  <ScrollView>
    <Header />
    <HomeScreen />
  </ScrollView>
</SafeAreaView>