反應本機始終白屏

Question

我嘗試過如下修改index.ios.js

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

import React, { Component } from 'react';
import { TabNavigator } from 'react-native-tabbar-navigator';

import {
  AppRegistry,
  StyleSheet,
  Text,
  View
} from 'react-native';

export default class PMNative extends Component {
  render() {
    return (
      <View style={styles.container}>
        <Text style={styles.welcome}>
          Welcome to React Native!
        </Text>
        <Text style={styles.instructions}>
          To get started, edit index.ios.js
        </Text>
        <Text style={styles.instructions}>
          Press Cmd+R to reload,{'\n'}
          Cmd+D or shake for dev menu
        </Text>

        <TabNavigator>
          <TabNavigator.Item
                selected={this.state.selectedTab === 'home'}
                title="Home"
                renderIcon={() => <Image source={...} />}
                renderSelectedIcon={() => <Image source={...} />}
                badgeText="1"
                onPress={() => this.setState({ selectedTab: 'home' })}>
            {homeView}
          </TabNavigator.Item>
      <TabNavigator.Item
            selected={this.state.selectedTab === 'profile'}
                title="Profile"
                renderIcon={() => <Image source={...} />}
                renderSelectedIcon={() => <Image source={...} />}
                renderBadge={() => <CustomBadgeView />}
                onPress={() => this.setState({ selectedTab: 'profile' })}>
                {profileView}
      </TabNavigator.Item>
     </TabNavigator>
      </View>
    );
  }
}
...

但是，當ti開始執行時，總是會出現白屏。 您能告訴我該怎么解決嗎？ （鑒於使用8081的所有其他應用程序的進程被殺死）

更新：

對於長時間的閑置使用，在npm start之后顯示以下內容：

Answer 1

我建議您刪除 node_module然后使用npm install再次安裝它，並使用類似的庫：

1. 刪除node_module 。
2. 運行npm install 。
3. 根據您的情況安裝庫install react-native-tabbar-navigator 。
4. 然后再次嘗試使用react-native run-ios構建項目。

希望我的回答對您有所幫助。