Question

我无法编译此语句。同一操作的三元语句工作正常，但我需要更多特定于平台的格式。

import {Platform, StyleSheet} from 'react-native';

    const styles = StyleSheet.create({
      container: {
        flex: 1,
        ...Platform.select({
          ios: {
            fontFamily: 'AvenirNext-Regular',
          },
          android: {
            fontFamily: 'Roboto',
          },
        }),
      },
    });

进行更改时，出现此错误：

SyntaxError： /Users/me/Documents/vs-code-react-workspace/myreact-nativecode/AwesomeProject/App.js：意外令牌，预期“，” （25:14）

23 | }，
24 | textStyle：{

25 | Platform.select（{ 26 | ios：{
27 | fontFamily：“ AvenirNext-Regular”，
28 | }

这是我的package.json：

{
  "main": "node_modules/expo/AppEntry.js",
  "scripts": {
    "start": "expo start",
    "android": "expo start --android",
    "ios": "expo start --ios",
    "web": "expo start --web",
    "eject": "expo eject"
  },
  "dependencies": {
    "expo": "~36.0.0",
    "react": "~16.9.0",
    "react-dom": "~16.9.0",
    "react-native": "https://github.com/expo/react-native/archive/sdk-36.0.0.tar.gz",
    "react-native-web": "~0.11.7"
  },
  "devDependencies": {
    "@babel/core": "^7.0.0",
    "babel-preset-expo": "~8.0.0",
    "eslint": "^6.8.0",
    "eslint-plugin-react": "^7.19.0"
  },
  "private": true
}

这是我的app.json

{
  "expo": {
    "name": "Blank Template",
    "slug": "AwesomeProject",
    "privacy": "public",
    "sdkVersion": "36.0.0",
    "platforms": [
      "ios",
      "android",
      "web"
    ],
    "version": "1.0.0",
    "orientation": "portrait",
    "icon": "./assets/icon.png",
    "splash": {
      "image": "./assets/splash.png",
      "resizeMode": "contain",
      "backgroundColor": "#ffffff"
    },
    "updates": {
      "fallbackToCacheTimeout": 0
    },
    "assetBundlePatterns": [
      "**/*"
    ],
    "ios": {
      "supportsTablet": true
    }
  }
}

任何建议将不胜感激。

俄罗斯

React-Native Platform.select无法编译

0 个答案: