App前端开发跨平台框架比较：React Native、Flutter、Xamarin等

React Native:

React Native是由Facebook开发的一个开源移动应用开发框架，它使用JavaScript语言来编写iOS和Android应用。

import React, { Component } from 'react';
import { Text, View } from 'react-native';
 
export default class App extends Component {
  render() {
    return (
      <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
        <Text>Hello, world!</Text>
      </View>
    );
  }
}

Flutter:

Flutter是Google开发的一个开源移动UI框架，它使用Dart语言。

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('Flutter Demo'),
        ),
        body: Center(
          child: Text('Hello, World!'),
        ),
      ),
    );
  }
}

Xamarin:

Xamarin是一个移动应用开发框架，它使用C#语言。

using System;
using Xamarin.Forms;
 
namespace HelloWorld
{
    public class App : Application
    {
        public App ()
        {
            MainPage = new ContentPage {
                Content = new Label {
                    Text = "Hello, Xamarin.Forms!",
                    VerticalOptions = LayoutOptions.CenterAndExpand,
                    HorizontalOptions = LayoutOptions.CenterAndExpand,
                }
            };
        }
    }
}

这些例子展示了如何使用各个跨平台框架创建一个简单的显示“Hello, World!”的应用。每个框架都有自己的学习曲线和特点，开发者可以根据项目需求和技术偏好选择合适的框架。