- React Native (JavaScript/TypeScript)yctsy.cn
React Native 允许你使用 JavaScript 或 TypeScript 构建原生移动应用。
jsx
// 使用 React Native 创建一个简单的按钮
import React from ‘react’;
import { Button, View, Text } from ‘react-native’;
const App = () => {
return (
<View style={{ flex: 1, justifyContent: ‘center’, alignItems: ‘center’ }}>
<Button title=“Press Me” onPress={() => alert(‘Pressed!’)} />
);
};
export default App;
2. Flutter (Dart)
Flutter 允许你使用 Dart 语言构建跨平台的移动应用。
dart
// 使用 Flutter 创建一个简单的按钮
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: RaisedButton(
child: Text(‘Press Me’),
onPressed: () {
showDialog(
context: context,
builder: (BuildContext context) {
return AlertDialog(
title: Text(‘Alert’),
content: Text(‘Pressed!’),
actions: [
FlatButton(
child: Text(‘OK’),
onPressed: () {
Navigator.of(context).pop();
},
),
],
);
},
);
},
),
),
),
);
}
}
3. Swift (iOS)
Swift 是 Apple 官方的 iOS 开发语言。
swift
// 使用 Swift 创建一个简单的按钮
import UIKit
class ViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
let button = UIButton(type: .system)
button.setTitle("Press Me", for: .normal)
button.addTarget(self, action: #selector(buttonPressed), for: .touchUpInside)
button.center = self.view.center
self.view.addSubview(button)
}
@objc func buttonPressed() {
let alert = UIAlertController(title: "Alert", message: "Pressed!", preferredStyle: .alert)
alert.addAction(UIAlertAction(title: "OK", style: .default, handler: nil))
self.present(alert, animated: true, completion: nil)
}
}
4. Java (Android)
Java 是 Android 开发的传统语言(尽管 Kotlin 现在也很流行)。
java
// 使用 Java 创建一个简单的按钮
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import androidx.appcompat.app.AlertDialog;
import androidx.appcompat.app.AppCompatActivity;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Button button = findViewById(R.id.my_button);
button.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);
builder.setTitle("Alert");
builder.setMessage("Pressed!");
builder.setPositiveButton("OK", null);
builder.show();
}
});
}
}
请注意,以上代码只是每个平台上App的一个非常简单的起点。要构建完整的App,你还需要考虑许多其他因素,如UI设计、状态管理、网络请求、数据存储等。由于直接生成一个完整的App代码涉及多个复杂步骤和文件,这里我将为你提供一个非常简化的概念性示例,用几种不同的编程语言来展示如何开始一个简单的App项目。
- React Native (JavaScript/TypeScript)
React Native 允许你使用 JavaScript 或 TypeScript 构建原生移动应用。
jsx
// 使用 React Native 创建一个简单的按钮
import React from ‘react’;
import { Button, View, Text } from ‘react-native’;
const App = () => {
return (
<View style={{ flex: 1, justifyContent: ‘center’, alignItems: ‘center’ }}>
<Button title=“Press Me” onPress={() => alert(‘Pressed!’)} />
);
};
export default App;
2. Flutter (Dart)
Flutter 允许你使用 Dart 语言构建跨平台的移动应用。
dart
// 使用 Flutter 创建一个简单的按钮
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: RaisedButton(
child: Text(‘Press Me’),
onPressed: () {
showDialog(
context: context,
builder: (BuildContext context) {
return AlertDialog(
title: Text(‘Alert’),
content: Text(‘Pressed!’),
actions: [
FlatButton(
child: Text(‘OK’),
onPressed: () {
Navigator.of(context).pop();
},
),
],
);
},
);
},
),
),
),
);
}
}
3. Swift (iOS)
Swift 是 Apple 官方的 iOS 开发语言。
swift
// 使用 Swift 创建一个简单的按钮
import UIKit
class ViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
let button = UIButton(type: .system)
button.setTitle("Press Me", for: .normal)
button.addTarget(self, action: #selector(buttonPressed), for: .touchUpInside)
button.center = self.view.center
self.view.addSubview(button)
}
@objc func buttonPressed() {
let alert = UIAlertController(title: "Alert", message: "Pressed!", preferredStyle: .alert)
alert.addAction(UIAlertAction(title: "OK", style: .default, handler: nil))
self.present(alert, animated: true, completion: nil)
}
}
4. Java (Android)
Java 是 Android 开发的传统语言(尽管 Kotlin 现在也很流行)。
java
// 使用 Java 创建一个简单的按钮
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import androidx.appcompat.app.AlertDialog;
import androidx.appcompat.app.AppCompatActivity;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Button button = findViewById(R.id.my_button);
button.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);
builder.setTitle("Alert");
builder.setMessage("Pressed!");
builder.setPositiveButton("OK", null);
builder.show();
}
});
}
}
请注意,以上代码只是每个平台上App的一个非常简单的起点。要构建完整的App,你还需要考虑许多其他因素,如UI设计、状态管理、网络请求、数据存储等。