react类组件移动端适配机型代码

以下是一个简单的示例，展示如何在React类组件中进行移动端适配：

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

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

class App extends Component {
  render() {
    return (
      <View style={styles.container}>
        <Text style={styles.text}>Hello World</Text>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    width: width,
    height: height,
  },
  text: {
    fontSize: 20,
  },
});

export default App;

在上面的例子中，我们使用Dimensions API获取设备的宽度和高度，并将其应用于容器的样式中。这将确保我们的组件可以完全填充设备的屏幕，而不管设备的大小或方向如何。

我们还可以使用StyleSheet.create()方法来创建样式对象，以确保我们的样式不会在组件重新渲染时被重复计算。

最后，我们还可以使用适当的CSS单位（例如em或rem）来确保我们的组件在不同设备上的大小和比例保持一致。