探索 React Native 和 Flutter

React Native 和 Flutter 都是用于构建跨平台移动应用程序的工具。以下是如何使用它们创建一个简单的“Hello, World!”应用程序的示例。

React Native:

1. 安装必要的依赖项（如果尚未安装）:

npm install -g react-native-cli

2. 创建新的 React Native 项目:

react-native init HelloWorld

3. 编辑 App.js 文件以显示“Hello, World!”:

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
 
export default function App() {
  return (
    <View style={styles.container}>
      <Text style={styles.text}>Hello, World!</Text>
    </View>
  );
}
 
const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
  text: {
    fontSize: 20,
    textAlign: 'center',
  },
});

4. 启动应用程序:

cd HelloWorld
react-native run-android # 或者 react-native run-ios

Flutter:

1. 安装 Flutter SDK 并设置环境（如果尚未安装）。
2. 创建新的 Flutter 项目:

flutter create hello_world

3. 编辑 lib/main.dart 文件以显示“Hello, World!”:

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Hello World'),
        ),
        body: Center(
          child: Text('Hello, World!'),
        ),
      ),
    );
  }
}

4. 启动应用程序:

cd hello_world
flutter run # 可以指定平台，如 `--platform-channel=android` 或 `--platform-channel=ios`

这些命令会创建一个简单的应用程序，在屏幕中央显示“Hello, World!”。