Реагировать на собственную панель поиска. Не знаю как это исправить

Question

Я создаю панель поиска для моего приложения. Я застрял на данный момент, пожалуйста, помогите мне найти мою ошибку.

Я надеюсь, что вы можете помочь мне, спасибо.

Когда я go на выставку на моем телефоне панель поиска компактен вместе, и я не могу щелкнуть по нему или взаимодействовать с ним каким-либо образом.

Я новичок в реакции на родную и не знаю, как двигаться дальше.

Это Приложение имеет разные экраны, и этот экран предназначен для обработки моих поисковых запросов.

Я уверен, что это просто глупая ошибка

import React from 'react';
import {
  FlatList,
  Text,
  View,
  Image,
  TouchableHighlight
} from 'react-native';
import styles from './styles';
import { ListItem, SearchBar } from 'react-native-elements';
import MenuImage from '../../components/MenuImage/MenuImage';


export default class SearchScreen extends React.Component {
  static navigationOptions = ({ navigation }) => {
    const { params = {} } = navigation.state;
    return {
      headerRight: (
        <MenuImage
          onPress={() => {
            navigation.openDrawer();
          }}
        />
      ),
      headerTitle: (
        <SearchBar
          containerStyle={{
            backgroundColor: 'transparent',
            borderBottomColor: 'transparent',
            borderTopColor: 'transparent',
            flex: 1
          }}
          inputContainerStyle={{
            backgroundColor: '#EDEDED'
          }}
          inputStyle={{
            backgroundColor: '#EDEDED',
            borderRadius: 10,
            color: 'black'
          }}
          searchIcond
          clearIcon
          //lightTheme
          round
          onChangeText={text => params.handleSearch(text)}
          //onClear={() => params.handleSearch('')}
          placeholder="Search"
          value={params.data}
        />
      )
    };
  };

  constructor(props) {
    super(props);
    this.state = {
      value: '',
      data: []
    };
  }

  componentDidMount() {
    const { navigation } = this.props;
    navigation.setParams({
      handleSearch: this.handleSearch,
      data: this.getValue
    });
  }

Answer 1

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