Hide keyboard middleware React Native Navigation + Redux

index.md

Create Redux middleware to hide keyboard (if open) when navigating screen

// Hide keyboard middleware
const keyboardMiddleware = store => next => action => {

    // If action is navigate screen
    if(action.type == 'NAVIGATE_SCREEN'){
        Keyboard.dismiss()
    }

    return next(action)
}

Apply to your store

// Hide keyboard middleware
const keyboardMiddleware = store => next => action => {

    // If action is navigate screen
    if(action.type == 'NAVIGATE_SCREEN'){
        Keyboard.dismiss()
    }

    return next(action)
}

// Disable Logger in production
const middleware = (global.__DEV__) ? [thunk, logger] : [thunk];

export default configureStore = (initialState) => {
    return createStore(
        rootReducer,
        initialState,
        applyMiddleware(...middleware,keyboardMiddleware)
    )
}