Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/asp.net-mvc-3/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 自定义各种布局的React Native SectionList搜索栏_Javascript_Html_Css_React Native_User Interface - Fatal编程技术网

Javascript 自定义各种布局的React Native SectionList搜索栏

Javascript 自定义各种布局的React Native SectionList搜索栏,javascript,html,css,react-native,user-interface,Javascript,Html,Css,React Native,User Interface,在我的react原生应用程序中,我正在为ListView使用SectionList,但我正在努力为不同的布局定制搜索栏,我必须在搜索栏的右侧放置一个图标,我使用下面的代码成功地做到了这一点,但90%的宽度似乎不适合较大的设备(如iPad),我的意思是在搜索栏和图标之间有额外的空间,我不知道如何使它在所有设备上都能一致工作 使用的代码: <View> <SectionList data={testData} searchBarPlacholder={'test

在我的react原生应用程序中,我正在为ListView使用SectionList,但我正在努力为不同的布局定制搜索栏,我必须在搜索栏的右侧放置一个图标,我使用下面的代码成功地做到了这一点,但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>


你能分享应用样式的同一个地方的样式吗?除了图像的高度/宽度之外,没有与代码相关的样式。有人能帮我吗?我也尝试过放flexDirection行,搜索和图标都合适,但它会在列表的右侧创建一个宽度与右侧图标相似的空白