как решить модуль "приложение" не может быть найдено "реагировать родной" приложение - PullRequest
Новая
       55

как решить модуль "приложение" не может быть найдено "реагировать родной" приложение

0 голосов
/ 21 мая 2018

Я очень новичок, чтобы реагировать на родной язык, и я следовал учебному пособию, чтобы попробовать навигацию по списку и странице подробностей.

Я создал первоначальный проект, в котором изначально был App.js в корневом каталоге, который запускается изначально.Я создал свою собственную папку приложения, в которой есть папки «config» и «screen», а также index.js.Структура моего проекта выглядит следующим образом.

enter image description here

Я удалил файл App.js, так как не могу запустить, но хочу 'Feeds.js, чтобы бежать.Вот мой основной index.js 

 import { AppRegistry } from 'react-native';
 import App from './app/index';
 AppRegistry.registerComponent('DemoNavList', () => App);

app / index.js 

import React, {Component} from 'react';
import {Root, Tabs} from './config/router';

class App extends Component{
   render(){
    return <Root/>;
   }
}

export default App;

app / config / router.js 

    import React from 'react';
import { TabNavigator, StackNavigator } from 'react-navigation';
import { Icon } from 'react-native-elements';

import Feed from '../screens/Feed';
import Settings from '../screens/Settings';
import UserDetail from '../screens/UserDetail';
import Me from '../screens/Me';

export const FeedStack = StackNavigator({
  Feed: {
    screen: Feed,
    navigationOptions: {
      title: 'Feed',
    },
  },
  Details: {
    screen: UserDetail,
    navigationOptions: ({ navigation }) => ({
      title: `${navigation.state.params.name.first.toUpperCase()} ${navigation.state.params.name.last.toUpperCase()}`,
    }),
  },
});

export const Tabs = TabNavigator({
  Feed: {
    screen: FeedStack,
    navigationOptions: {
      tabBarLabel: 'Feed',
      tabBarIcon: ({ tintColor }) => <Icon name="list" size={35} color={tintColor} />,
    },
  },
  Me: {
    screen: Me,
    navigationOptions: {
      tabBarLabel: 'Me',
      tabBarIcon: ({ tintColor }) => <Icon name="account-circle" size={35} color={tintColor} />
    },
  },
});

export const SettingsStack = StackNavigator({
  Settings: {
    screen: Settings,
    navigationOptions: {
      title: 'Settings',
    },
  },
});

export const Root = StackNavigator({
  Tabs: {
    screen: Tabs,
  },
  Settings: {
    screen: SettingsStack,
  },
}, {
  mode: 'modal',
  headerMode: 'none',
});

Я скачал кодот https://github.com/spencercarli/getting-started-react-navigation

Вот скриншот ошибки

enter image description here

было бы очень полезно, если бы вы могли указать, где я это делаюнеправильно.Спасибо R

1 Ответ

0 голосов
/ 21 мая 2018

appKey в AppRegistry.registerComponent(appKey, componentProvider) должно соответствовать названию вашего собственного реактивного проекта.Если это изменилось, это может вызвать проблему как это.попробуйте изменить 'DemoNavList' на 'FirstLookReactNavigation', как указано в упомянутом вами репозитории git.

Или попробуйте переименовать основную папку вашего собственного собственного приложения в «DemoNavList»

...