Expo环境下安卓端React Native的MapView.Polyline组件报错如何解决

问题根因 #

这是react-native-maps在安卓端适配谷歌地图SDK的已知异常：当你渲染Polyline组件时，传入的coordinates坐标数组长度小于2，底层谷歌地图绘制线段的API接收不符合预期的点列表时会触发空指针报错。
你已经校验过坐标格式无误，但忽略了数组长度校验：线段绘制至少需要2个坐标点，哪怕后续数组会更新到符合长度，只要Polyline首次挂载时拿到的数组长度<2，就会触发该错误。Circle组件仅需要单个坐标点即可渲染，因此不会触发同类问题，和你的报错场景完全匹配。

修复方案 #

• 第一步：调整Polyline的渲染判断逻辑，新增坐标数组长度校验，仅当数组长度≥2时才渲染组件
  修改后的代码示例：

{drawLine && locations.length >= 2 && (
    <MapView.Polyline
        coordinates={locations.map(loc => {
            return {
                latitude: loc.coords.latitude,
                longitude: loc.coords.longitude
            };
        })}
        strokeColor='red'
        strokeWidth={1}
        // 可选补充：显式声明lineCap属性，避免底层默认值适配异常
        lineCap="butt"
    />
)}

• 第二步：如果调整后仍偶现报错，可以检查locations数组的更新时机，确保drawLine设为true时，locations已经完成至少2个有效坐标点的写入。

内容的提问来源于stack exchange，提问作者Rafael