
- Flutter (Dart)fmtc.cn
Flutter是一个用于构建跨平台应用的开源UI工具包,它允许开发者使用Dart语言开发iOS和Android应用。
示例代码(创建一个简单的按钮并响应点击事件):
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: ElevatedButton(
onPressed: () {
print(‘Button pressed!’);
},
child: Text(‘Press Me’),
),
),
),
);
}
}
2. React Native (JavaScript/TypeScript)
React Native允许你使用JavaScript(或TypeScript)来开发iOS和Android应用。
示例代码(创建一个简单的按钮并响应点击事件):
jsx
import React from ‘react’;
import { View, Button, Text, StyleSheet } from ‘react-native’;
const App = () => {
const onPress = () => {
console.log(‘Button pressed!’);
};
return (
);
};
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: ‘center’,
alignItems: ‘center’,
},
});
export default App;
3. Kotlin (Android Native)
Kotlin是Android开发的首选语言之一,用于构建原生Android应用。
示例代码(在Activity中添加一个按钮并响应点击事件):
kotlin
package com.example.myapp
import android.os.Bundle
import android.widget.Button
import androidx.appcompat.app.AppCompatActivity
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
val button: Button = findViewById(R.id.myButton)
button.setOnClickListener {
println("Button pressed!")
}
}
}
对应的activity_main.xml:
xml
<Button
android:id="@+id/myButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Press Me" />
4. Swift (iOS Native)
Swift是Apple用于iOS、macOS等应用开发的语言。
示例代码(在ViewController中添加一个按钮并响应点击事件):
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 = view.center
view.addSubview(button)
}
@objc func buttonPressed() {
print("Button pressed!")
}
}
以上示例展示了如何在不同平台和技术栈中创建一个简单的App界面和按钮点击事件处理。你可以根据自己的需求和目标平台选择适合的技术栈进行开发。创建一个完整的App通常涉及多个层面的开发,包括前端用户界面(UI)、后端逻辑(可能涉及数据库操作)、以及可能的跨平台框架或原生开发。由于直接提供一个完整的App代码示例过于庞大,我将为你概述几种不同编程语言和技术栈中如何开始构建一个简单的App的基础框架。
- Flutter (Dart)
Flutter是一个用于构建跨平台应用的开源UI工具包,它允许开发者使用Dart语言开发iOS和Android应用。
示例代码(创建一个简单的按钮并响应点击事件):
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: ElevatedButton(
onPressed: () {
print(‘Button pressed!’);
},
child: Text(‘Press Me’),
),
),
),
);
}
}
2. React Native (JavaScript/TypeScript)
React Native允许你使用JavaScript(或TypeScript)来开发iOS和Android应用。
示例代码(创建一个简单的按钮并响应点击事件):
jsx
import React from ‘react’;
import { View, Button, Text, StyleSheet } from ‘react-native’;
const App = () => {
const onPress = () => {
console.log(‘Button pressed!’);
};
return (
);
};
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: ‘center’,
alignItems: ‘center’,
},
});
export default App;
3. Kotlin (Android Native)
Kotlin是Android开发的首选语言之一,用于构建原生Android应用。
示例代码(在Activity中添加一个按钮并响应点击事件):
kotlin
package com.example.myapp
import android.os.Bundle
import android.widget.Button
import androidx.appcompat.app.AppCompatActivity
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
val button: Button = findViewById(R.id.myButton)
button.setOnClickListener {
println("Button pressed!")
}
}
}
对应的activity_main.xml:
xml
<Button
android:id="@+id/myButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Press Me" />
4. Swift (iOS Native)
Swift是Apple用于iOS、macOS等应用开发的语言。
示例代码(在ViewController中添加一个按钮并响应点击事件):
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 = view.center
view.addSubview(button)
}
@objc func buttonPressed() {
print("Button pressed!")
}
}
以上示例展示了如何在不同平台和技术栈中创建一个简单的App界面和按钮点击事件处理。你可以根据自己的需求和目标平台选择适合的技术栈进行开发。');

被折叠的 条评论
为什么被折叠?



