推荐使用：autoresponsive_react_native_sample - 响应式布局的React Native库

import React from 'react';
import { View, Text, StyleSheet } from 'react-native';
 
const AutoresponsiveView = () => {
  return (
    <View style={styles.container}>
      <Text style={styles.text}>自适应布局示例</Text>
    </View>
  );
};
 
const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
  text: {
    fontSize: 20,
    textAlign: 'center',
    margin: 10,
  },
});
 
export default AutoresponsiveView;

这段代码展示了如何在React Native应用中创建一个简单的自适应布局组件。它使用了Flexbox布局模型，flex: 1确保容器可以占用全部可用空间。justifyContent和alignItems属性用于控制主轴和交叉轴上的内容对齐方式。StyleSheet.create用于定义组件的样式，并通过text样式指定了文本的字体大小和对齐方式。