React Native-Weather App-Testing on iPhone 错误（使用 expo snack 编辑器）

Question

我正在尝试创建一个天气应用程序。它在网络上运行良好，但在我的 phone 上不起作用。我正在使用 expo 在线小吃编辑器对此进行测试。错误截图：

我所有的代码都是here

小吃编辑器“网络”选项卡结果的屏幕截图：

我也在零食编辑器的“iOS”选项卡中测试了它，它和我的 phone.

有同样的错误

P.S。要获得 snack 中屏幕截图中显示的确切结果：

转到开放天气 API 网站
注册一个帐户
从发送给您的电子邮件中获取您的 API 密钥
进入点心编辑器functions/fetchWeather.js
在第 2 行，用您从该电子邮件中获得的 api 密钥替换“已编辑”的位置。

Answer 1

发生这种情况是因为您的代码在 Text 组件之外有一个字符串。第 45 行有一个 {' '}，它需要为来自 react-native 的 Text 组件包装。您的代码将是这样的：

// Rest of the code above

render() {
  return (
    <View>
      <RequestLocation />
      <Text>Weather App</Text>
      <Text>Weather for your location today:</Text>
      <Weather
        morn={Math.round(this.state.temp['morn'])}
        day={Math.round(this.state.temp['day'])}
        eve={Math.round(this.state.temp['eve'])}
        night={Math.round(this.state.temp['night'])}
        max={Math.round(this.state.temp['max'])}
        min={Math.round(this.state.temp['min'])}
      />
      <Text>{' '}</Text>
      {/* Showing weather with passed values from this file to the main weather component
      (code de-cluttering) */}
    </View>
  );
}

您可以在 this section of the documentation 中阅读更多相关信息。

React Native-Weather App-Testing on iPhone 错误（使用 expo snack 编辑器）

React Native-Weather App-Testing on iPhone error (using expo snack editor)

javascript

react-native

openweathermap

expo