React Native - MapView 是否只接受显式标记？

Question

我真的因为试图让我的应用程序中的地图视图动态重新填充自身而焦头烂额。首先，我尝试执行以下操作：

render()
{
const neoMarker = (lat, long, title, desc) => {
      <MapView.Marker
      coordinate={{latitude: lat,
          longitude: long,}}
      title={title}
      description={desc}
      onPress={() => this.setState({jvisible: true})}>
      <FAB
    small
    icon="add"
    onPress={() => this.setState({jvisible: true})}/>
      </MapView.Marker>
    }

    var noGuest = 5;
    var test = 37.43538;

    for(let i = 0; i < noGuest; i++){
      markerL.push(neoMarker(test, -122.4324, "New Job", "Testing Marker List"));
      test = test + 0.01000;
    }
}

  return (
  <View style={styles.container}>
  <MapView
    style={{ flex: 1 }}
    initialRegion={{
      latitude: 37.78825,
      longitude: -122.4324,
      latitudeDelta: 0.0922,
      longitudeDelta: 0.0421,
    }}>
     {markerL}
  </MapView>

这没有用，地图上没有任何标记，所以我尝试了与以前相同的操作，只是使用了索引，在本例中为 markerL[0]。这也没有用。所以我最终尝试通过使用一些通用输入调用 neoMarker 函数本身而不是 {markerL} 来填充 make 并且 mapview 仍然不会呈现任何标记。

当明确定义标记时，它们会出现，但这不实用当前开发版本之外的方法。

因此，MapView 是否明确不允许隐式标记列表？

PS：我正在使用 Expo (https://expo.io/) 在移动设备上测试和调试我的代码。

Answer 1

当你这样做时

someFunction = () => "abc"

你回来"abc"。但是当你这样做时：

someFunction = () => {
    "abc"
}

你回来undefined.

可能还有另一个问题，但乍一看似乎您没有从 neoMarker.

返回任何内容

const neoMarker = (lat, long, title, desc) => {
    <MapView.Marker

需要

const neoMarker = (lat, long, title, desc) => {
    return <MapView.Marker

演示：

const noReturn = () => {
    "abc";
}

const withReturn = () => {
    return "xyz";
}

console.log(noReturn(), withReturn());

React Native - MapView 是否只接受显式标记？

React Native - Does MapView only accept explicit markers?

javascript

react-native

react-native-maps

expo