Настройка панели поиска React-Native SectionList для различных макетов - PullRequest
1 голос
/ 17 февраля 2020

Я использую SectionList для ListView в своем реактивном приложении, но я изо всех сил пытаюсь настроить панель поиска для разных макетов, я должен поместить значок в правой части панели поиска, что мне удалось сделать это Используя приведенный ниже код, но ширина 90% не подходит для больших устройств (например, iPad), я имею в виду, что между панелью поиска и значком есть дополнительное пространство, я не уверен, как заставить его работать согласованно на всех устройствах .

Используемый код:

<View>
  <SectionList
    data={testData}
    searchBarPlacholder={'test'}
    noResultsMessageCode={testData}
    searchBarWidth={'90%'}
    renderItem={testData}
    dataToSectionsHandler={testData}
    renderSectionHeader={testData}
    onSearchChange={testData}
  />
  <TouchableOpacity>
    <Image
      source={require('../testData.png')}
    />
  </TouchableOpacity>
</View>

enter image description here

...