Приложение Vocabulary Builde
Добавим компонент навигатора в файле src/components/Navigator/index.js.
Сразу добавим временные компоненты для наших будущих экраном.
Разместим их в папке src/containers: Words/index.js, Lists/index.js, AddingListOrWord/index.js.
Все компоненты и контейнеры надо называть точно также, как папки в которых они находятся.
Временно пусть все три контейнера возвращают null
Не забудь установить все нужные библиотеки для навигации.
Добавь в корне проекта файл constants.js, из которого экспортируй константы ADD_LIST_SCREEN, ADD_WORD_SCREEN, LISTS_SCREEN, WORDS_SCREEN.
Каждая константа должна иметь значение, равное ее имени.
Компонент Navigator должен возвращать контейнер навигации со stack навигатором с одним экраном.
На всех экран должен быть отключен хедер, начальным экраном должен быть LISTS
Единственным экраном должен быть экран с именем LISTS, отображающим компонент src/container/Lists
- В корне проекта должен быть создан файл Файл constants.js
****
- Константа ADD_LIST_SCREEN со значением ADD_LIST_SCREEN должна быть экспортирована из файла constants.js
****
- Константа ADD_WORD_SCREEN со значением ADD_WORD_SCREEN должна быть экспортирована из файла constants.js
****
- Константа LISTS_SCREEN со значением LISTS_SCREEN должна быть экспортирована из файла constants.js
****
- Константа WORDS_SCREEN со значением WORDS_SCREEN должна быть экспортирована из файла constants.js
****
- Компонент Navigator должен возвращать компонент NavigationContainer
****
- NavigationContainer должен иметь один дочерний элемент
****
- NavigationContainer должен иметь дочерний элемент Stack.Navigator
****
- У Stack.Navigator должен быть один дочерний элемент пока
****
- Свойство headerMode у Stack.Navigator должен равняться none
****
- Дочерним элементом Stack.Navigator должен быть элементам Stack.Screen
****
- У первого элемента Stack.Screen свойство name должно равняться константе LISTS_SCREEN
****
- Stack.Screen должен иметь свойство component, равное компоненту Lists, импортированному из containers/Lists
****
- Контейнер Lists пока должен рендерить null
****
- Контейнер Words пока должен рендерить null
****
- Контейнер AddingListOrWord пока должен рендерить null
//-------------------------------------------------------
//----------task3801\src\components\Navigator\index.js
import * as React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
import { Lists } from '../../containers/Lists';
import { LISTS_SCREEN } from '../../../constants';
const Stack = createStackNavigator();
export const Navigator = () => {
return (
<NavigationContainer>
<Stack.Navigator initialRouteName={LISTS_SCREEN} headerMode={none}>
<Stack.Screen name={LISTS_SCREEN} components={Lists}/>
</Stack.Navigator>
</NavigationContainer>
)
};
//----------task3801/src/containers/Words/index.js
export const Words = () => {
return null
};
//----------task3801/src/containers/Lists/index.js
export const Lists = () => {
return null
};
//----------task3801/src/containers/AddingListOrWord/index.js
export const AddingListOrWord = () => {
return null
};
//----------task3801/constants.js
export const ADD_LIST_SCREEN = 'ADD_LIST_SCREEN';
export const ADD_WORD_SCREEN = 'ADD_WORD_SCREEN';
export const LISTS_SCREEN = 'LISTS_SCREEN';
export const WORDS_SCREEN = 'WORDS_SCREEN';
///-------------------------------------------------------
Доброго времени суток, Полностью не проходит проверку, даже простую где нужно создать файл в корне. Подскажете в чем проблема
