How to use the expo-constants.statusBarHeight function in expo-constants

To help you get started, we’ve selected a few expo-constants examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github flow-typed / flow-typed / definitions / npm / expo-constants_v4.x.x / flow_v0.69.0-v0.103.x / test_expo-constants.js View on Github external
// $ExpectError
      (Constants.isDetached: 'ups...');
      // $ExpectError
      (Constants.intentUri: 'ups...');
      // $ExpectError
      (Constants.installationId: 'ups...');
      // $ExpectError
      (Constants.isDevice: 'ups...');
      // $ExpectError
      (Constants.isHeadless: 'ups...');
      // $ExpectError
      (Constants.linkingUri: 'ups...');
      // $ExpectError
      (Constants.sessionId: 'ups...');
      // $ExpectError
      (Constants.statusBarHeight: 'ups...');
      // $ExpectError
      (Constants.systemVersion: 'ups...');
      // $ExpectError
      (Constants.systemFonts: 'ups...');
    });
  });
github expo / expo / apps / test-suite / components / Suites.js View on Github external
style={styles.list}
      contentContainerStyle={styles.contentContainerStyle}
      data={[...suites]}
      keyExtractor={item => item.get('result').get('id')}
      renderItem={({ item }) => }
      ListFooterComponent={() => }
      onContentSizeChange={scrollToEnd}
      onLayout={scrollToEnd}
    />
  );
}

const styles = StyleSheet.create({
  contentContainerStyle: {
    padding: 5,
    paddingBottom: Constants.statusBarHeight || 24,
  },
  list: {
    flex: 1,
  },
});
github Flaque / quirk / src / learn / IndexLearnScreen.tsx View on Github external
render() {
    return (
      
        
          Read This First
          
            Learn the basics of CBT and how to use Quirk.
github Flaque / quirk / src / main / predictions / PredictionSummaryScreen.tsx View on Github external
render() {
    if (!this.state.prediction) {
      return null;
    }

    return (
      
        
github serlo / serlo-abc / src / components / common / canvas.tsx View on Github external
fontFamily: 'norddruck_arrows'
          }}
        >
          {text}
        
        
      
    )}
  />
github dooboolab / hackatalk-mobile / src / components / navigation / MainTabNavigator.tsx View on Github external
const CustomHeader = (props: CustomHeaderProps): ReactElement => {
  const { theme, changeThemeType } = useThemeContext();
  return (
github Flaque / quirk / src / main / followups / FollowUpNoteScreen.tsx View on Github external
render() {
    return (
      
        
          {this.state.thought && (
            <>
github expo / expo / home / screens / CameraScreen.js View on Github external
const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#000',
  },
  camera: {
    flex: 1,
    justifyContent: 'space-between',
  },
  topBar: {
    flex: 0.2,
    backgroundColor: 'transparent',
    flexDirection: 'row',
    justifyContent: 'space-around',
    paddingTop: Constants.statusBarHeight / 2,
  },
  bottomBar: {
    paddingBottom: isIPhoneX ? 25 : 5,
    backgroundColor: 'transparent',
    justifyContent: 'space-between',
    flexDirection: 'row',
  },
  noPermissions: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
    padding: 10,
    backgroundColor: '#f8fdff',
  },
  gallery: {
    flex: 1,
github Flaque / quirk / src / main / predictions / AssumptionScreen.tsx View on Github external
render() {
    if (!this.state.prediction) {
      return null;
    }

    return (
      
        
        
          New Prediction 🔮
          
            Predict your experience of an upcoming event and we’ll follow-up
            later to see if you were correct.