在react native中的不同设备中显示不同高度的页脚

import { Dimensions } from 'react-native';

const { height } = Dimensions.get('window');

import { StyleSheet } from 'react-native';

const styles = StyleSheet.create({
  footer: {
    height: height * 0.1, // 根据设备高度动态计算页脚高度
    backgroundColor: 'gray',
    justifyContent: 'center',
    alignItems: 'center',
  },
});

import React from 'react';
import { View, Text } from 'react-native';

const Footer = () => {
  return (
    <View style={styles.footer}>
      <Text>页脚内容</Text>
    </View>
  );
};

export default Footer;