地図や画像の上に透明なOverlayを配置

ysugiyama12 11views 更新:2017年3月28日

コンポーネントはnativeBaseのCardを用いて色を透明にすることで実現した。

          <MapView region={this.state.region} style={mapstyles.map}>
            <Card style={AddRoomStyles.overlay}>
              <Text onPress={DisplayMap} style={AddRoomStyles.over}>Overlay</Text>
            </Card>
            <MapView.Marker coordinate={this.state.x} />
          </MapView>

そして、スタイルシートで背景:透明を指定

  overlay: {
    backgroundColor: 'rgba(0,0,0,0)',
  },

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません