hunk.code_window:     "expo-status-bar": "~1.4.0",
       "react": "18.0.0",
       "react-dom": "18.0.0",
       "react-native": "0.69.3",
       "react-native-web": "~0.18.7"
     },
     "devDependencies": {
       "@babel/core": "^7.12.9"
     }
   }
hunk.labels: keep keep replace replace replace keep keep keep keep keep
hunk.after_edit:     "react-native": "0.69.3"
  
hunk.file_path: templates/expo-template-blank/package.json
hunk.type: replace
file: import * as React from 'react';
  import { StatusBar } from 'react-native';
  
  import Button from '../components/Button';
  import { Page, Section } from '../components/Page';
  
  export default function StatusBarScreen() {
    const randomAnimation = () => {
      return Math.random() > 0.5 ? 'slide' : 'fade';
    };
  
    const hide = () => {
      StatusBar.setHidden(true, randomAnimation());
    };
  
    const show = () => {
      StatusBar.setHidden(false, randomAnimation());
    };
  
    return (
      <Page>
        <Section title="Toggle" row>
          <Button onPress={hide} title="Hide" />
  
          <Button onPress={show} title="Show" />
        </Section>
      </Page>
    );
  }
  
  StatusBarScreen.navigationOptions = {
    title: 'StatusBar',
  };
  