我可以看到按钮，但看不到地图被渲染

Question

这是我的index.android.js文件

import React, { Component } from 'react';
import {
  AppRegistry,
  Navigator,
} from 'react-native';

import SplashPage from './SplashPage';
import MainPage from './MainPage';
import Pager from './Pager';
import App from './App';

class Demo extends Component {
  render() {
    return (
      <Navigator
          initialRoute={{id: 'SplashPage', name: 'Index'}}
          renderScene={this.renderScene.bind(this)}
          configureScene={(route) => {
              if (route.sceneConfig) {
                return route.sceneConfig;
              }
              return Navigator.SceneConfigs.FloatFromRight;
          }} />
    );
  }
  renderScene(route, navigator) {
    const routeId = route.id;
    if (routeId === 'SplashPage') {
      return (
        <SplashPage
          navigator={navigator} />
      );
    }
    if (routeId === 'App') {
      return (
        <App
          navigator={navigator} />
      );
    }
  }
}
AppRegistry.registerComponent('Demo', () => Demo);

这是我的AndroidManifest.xml

<activity
        android:name=".MainActivity"
        android:label="@string/app_name"
        android:configChanges="keyboard|keyboardHidden|orientation|screenSize">
        <intent-filter>
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
      </activity>
      <activity android:name="com.facebook.react.devsupport.DevSettingsActivity" />

      <meta-data
        android:name="com.google.android.geo.API_KEY"
        android:value="MY_API_KEY"/>

我已经提到以下网址https://github.com/lelandrichardson/react-native-maps.I也解决了API的问题，但仍然没有渲染地图。 请提前帮助和谢谢。

Answer 1

嘿伙计上面的代码是正确的，并且没有错误只是问题是地图不适用于genymotion。要使应用程序在genymotion上运行，请点击链接 How to install Google Play Services in a Genymotion VM (with no drag and drop support)? 事实证明非常有帮助。 以下代码https://github.com/lelandrichardson/react-native-maps。在物理设备上运行良好。 希望这会有所帮助。