反应本机透明搜索栏

Question

如何调整搜索栏的背景透明？

的透明颜色标签是什么

我喜欢搜索输入的深色，但是我想摆脱它周围的方框吗？

import SearchBar from 'react-native-search-bar';
....

  <View>
    <StatusBar backgroundColor="rgba(1.0, 0, 0, 0.2)" translucent />
    <SearchBar
      ref='searchBar'
      placeholder='Search a spot'
      barTintColor="#222222"
      tintColor="white"
      textColor="white"
      textFieldBackgroundColor="#444444"
      hideBackground={true}
      barStyle="default"
      searchBarStyle="minimal"
      showsCancelButtonWhileEditing={false}
    />
    <MapView
      provider={ PROVIDER_GOOGLE }
      style={ styles.container }
      initialRegion={{
        latitude: 32.815013,
        longitude: -117.273404,
        latitudeDelta: 0.0922,
        longitudeDelta: 0.0421,
      }}
    />
  </View>

我尝试设置barTintColor="rgba(255, 0, 0, 0.1);"，但这似乎不起作用。

Answer 1

如果您指的是barTintColor，请添加如下颜色：

barTintColor="#2222221A"

此处的格式为#RRGGBBAA-> AA代表从00到FF的十六进制alpha，基本上可以设置不透明度。

我希望这能回答您的问题。