Demo showing how each tab has its own history stack. Navigating between each tab remembers the correct back and forward views that were visited.
Forked from Ionic's Pen Sign-in, then Tabs: 1.0.0-beta.12.
A Pen by Captain Anonymous on CodePen.
| <!doctype html> | |
| <title>Site Maintenance</title> | |
| <style> | |
| body { text-align: center; padding: 150px; } | |
| h1 { font-size: 50px; } | |
| body { font: 20px Helvetica, sans-serif; color: #333; } | |
| article { display: block; text-align: left; width: 650px; margin: 0 auto; } | |
| a { color: #dc8100; text-decoration: none; } | |
| a:hover { color: #333; text-decoration: none; } | |
| </style> |
Demo showing how each tab has its own history stack. Navigating between each tab remembers the correct back and forward views that were visited.
Forked from Ionic's Pen Sign-in, then Tabs: 1.0.0-beta.12.
A Pen by Captain Anonymous on CodePen.
| {"contents":{"editor":{"formatOnSave":true}},"overrides":[],"keys":["editor.formatOnSave"]} |
| import React from 'react'; | |
| const withStorage = (WrappedComponent) => { | |
| class HOC extends React.Component { | |
| state = { | |
| localStorageAvailable: false, | |
| }; | |
| componentDidMount() { | |
| this.checkLocalStorageExists(); |
| import ActivityIndicator from '@components/ActivityIndicator'; | |
| import Box from '@components/Box'; | |
| import { useNavigation } from '@react-navigation/native'; | |
| import React, { useEffect, useState } from 'react'; | |
| import { FlatList, RefreshControl } from 'react-native'; | |
| import { useDispatch, useSelector } from 'react-redux'; | |
| import * as Ducks from '../../ducks'; | |
| import Item from '../components/Item'; | |
| const VIEWABILITY_CONFIG = { |
| image: ravipoonia/fastlane-android:1.1 | |
| pipelines: | |
| pull-requests: | |
| develop: | |
| - step: | |
| name: "Build on docker and push to firebase using fastlane -DEV" | |
| size: 2x | |
| deployment: staging | |
| caches: |