小编Flo*_*ora的帖子

如何使用本机反应定义按钮上的点击区域?

我目前正在使用 react native 开发一个应用程序,我正在使用 react-navigation 在屏幕之间导航,使用我的标题中的按钮(例如后退箭头)。

它运行良好,但是即使我的图标大小合适,点击区域似乎真的很窄,我很难解决。

你知道我如何在我的按钮上定义一个点击区域以便更容易点击吗?我已经尝试过这个hitslop道具,但它对我不起作用(也许它已被弃用?)。

这是我的按钮:

var backArrow =
  <TouchableOpacity onPress={() => this.props.navigation.goBack()}>
    <Ionicons name="ios-arrow-back" size={22} color="#ff8c00" />
  </TouchableOpacity>
Run Code Online (Sandbox Code Playgroud)

我正在使用 Expo 并在 iPhone 6s Plus 上进行测试。

react-native

3
推荐指数
1
解决办法
3256
查看次数

在地图视图标记内显示一个按钮?

我目前正在使用airbnb 地图模块开发一个反应本机应用程序。

我的地图包含多个标记,我可以单击这些标记来打开组件MapView。它包含标题和描述。

我想为此添加一个按钮MapView,但是我发现的解决方案不起作用。我这样定制它(这是return我的谷歌地图组件的一部分:

return(
  <View style={styles.container}>

    <MapView
      style={styles.map}
      provider={PROVIDER_GOOGLE}
      customMapStyle={mapStyle}
      initialRegion={{
        latitude: 48.852968,
        longitude: 2.349902,
        latitudeDelta: 0.1,
        longitudeDelta: 0.1
      }}
    >
      <MapView.Marker
        coordinate={{
          latitude: 48.852968,
          longitude: 2.349902
        }}
          title={ 'myTitle' }
          description={ 'myDescription' }
          pinColor={ 'blue' }
          onCalloutPress={() => alert('Clicked')}
      >
        <MapView.Callout>
          <View>
            <Text>Click Me!</Text>
          </View>
        </MapView.Callout>
      </MapView.Marker>

    </MapView>

  </View>
);
Run Code Online (Sandbox Code Playgroud)

我想要的: 1- 在地图上显示我的蓝色标记(使用纬度和经度) 2- 单击标记 3- 有一个带有标题、描述和“单击我!”的小弹出窗口 按钮 4-“点击”为console.log

相反会发生什么: 1- 在地图上显示我的蓝色标记(使用纬度和经度) 2- 单击标记 3- 出现一个小弹出窗口“单击我!” 按钮(更多的是蓝色链接,但我不知道它应该如何呈现)4-我的控制台中没有“单击”

此功能已被弃用吗?或者我做错了什么?我遵循了解决方案和文档,但也许我错过了一些东西。

react-native react-native-maps

1
推荐指数
1
解决办法
5209
查看次数

标签 统计

react-native ×2

react-native-maps ×1