Пытаюсь скомбинировать Stack Navigator и Tab Navigator. В TabNav должен содержаться стек HomeStack и экран Details. Сам же TabNav находится в стеке StacksOverTabs вместе с другим стеком StartStack. Выходит данная ошибка:
import CategoriesList from 'modules/Categories/List/screens/list'
import CategoryPreview from 'modules/Categories/Preview/screens/preview'
import Start from 'modules/Login/screens/start'
import LogIn from 'modules/Login/screens/login'
import SignUp from 'modules/Login/screens/signup'
import Details from 'modules/Categories/Details/screens/details'
import { TabNavigator, TabBarBottom, StackNavigator } from 'react-navigation';
const HomeStack = StackNavigator({
Home: {
screen: CategoriesList,
},
CategoryPreview: {
screen: CategoryPreview,
},
});
const TabNav = TabNavigator(
{
MainTab: {
screen: HomeStack,
},
Details: {
screen: Details,
},
},
{
tabBarComponent: TabBarBottom,
tabBarPosition: 'bottom',
animationEnabled: false,
swipeEnabled: false,
}
);
const StartStack = StackNavigator({
Start: {
screen: Start,
},
LogIn: {
screen: LogIn,
},
SignUp: {
screen: SignUp,
},
});
const StacksOverTabs = StackNavigator({
Root: {
screen: TabNav,
},
Start: {
screen: StartStack,
},
});
export default StacksOverTabs;
import React from 'react'
import PropTypes from 'prop-types'
import { StackNavigator, addNavigationHelpers } from 'react-navigation'
import { connect } from 'react-redux'
import { addNavigationListener } from '../redux/configureStore'
import StacksOverTabs from './screens'
const RootNavigation = StackNavigator(StacksOverTabs)
const initialState = RootNavigation.router.getStateForAction(
RootNavigation.router.getActionForPathAndParams('Start')
)
const navReducer = (state = initialState, action) => {
const nextState = RootNavigation.router.getStateForAction(action, state)
return nextState || state
}
const Navigation = props => {
return (
<RootNavigation
navigation={addNavigationHelpers({
dispatch: props.dispatch,
state: props.nav,
addListener: addNavigationListener,
})}
/>
)
}
Navigation.propTypes = {
dispatch: PropTypes.func,
nav: PropTypes.object,
}
const mapStateToProps = state => ({
nav: state.nav,
})
const NavigationWithState = connect(mapStateToProps)(Navigation)
export { NavigationWithState as Navigation, navReducer }
Я изменил в файле
`const initialState = RootNavigation.router.getStateForAction(
RootNavigation.router.getActionForPathAndParams('Start')
)`
На
const initialState = RootNavigation.router.getStateForAction(NavigationActions.reset({
index: 0,
actions: [ NavigationActions.navigate({routeName: 'Start'}),
],
}))
Больше ошибка не выходит, всё работает
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Предположим, что я нахожусь на странице mysiteru/login, где, нажав на кнопку "Войти", я активирую login() в javascript
Со скобками typeof ("4px" - 2) возвращает numberЭто понятно, поскольку typeof NaN это number
Каким образом преобразованные в число NaN и 24 трансформировались в 23?
Я так предпологаю что этот код расшифровывает строку, но как им можно воспользоваться? Я не особо понимаю в JS, поэтому прошу помощи