在这里插入图片描述

  1. React Native (JavaScript/TypeScript)zgshgys3w.com
    React Native 是一个用于构建原生应用的 JavaScript 框架。

jsx
// 示例组件:一个简单的按钮
import React from ‘react’;
import { Button, View } from ‘react-native’;

const App = () => {
const onPress = () => {
alert(‘Hello, World!’);
};

return (
<View style={{ flex: 1, justifyContent: ‘center’, alignItems: ‘center’ }}>


);
};

export default App;
2. Flutter (Dart)
Flutter 是一个用于构建跨平台应用的 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: ElevatedButton(
child: Text(‘Press Me’),
onPressed: () {
// 执行操作
showDialog(
context: context,
builder: (BuildContext context) {
return AlertDialog(
title: new Text(“Hello, World!”),
actions: [
new TextButton(
child: new Text(“OK”),
onPressed: () { Navigator.of(context).pop(); },
),
],
);
},
);
},
),
),
),
);
}
}
3. Swift (iOS)
Swift 是 Apple 官方推荐的 iOS 开发语言。

swift
// 示例代码:一个简单的 Swift UI View
import SwiftUI

struct ContentView: View {
var body: some View {
Button(action: {
// 执行操作
let alert = UIAlertController(title: “Hello, World!”, preferredStyle: .alert)
alert.addAction(UIAlertAction(title: “OK”, style: .default, handler: nil))
self.presentationMode.wrappedValue.presentedViewController?.present(alert, animated: true, completion: nil)
}) {
Text(“Press Me”)
}
}
}

struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}
4. Java (Android)
Java 是 Android 开发的主要语言之一。

java
// 示例代码:一个简单的 Android Activity
import android.app.Activity;
import android.app.AlertDialog;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;

public class MainActivity extends Activity {
@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.setMessage("Hello, World!").setPositiveButton("OK", null);  
            builder.show();  
        }  
    });  
}  

}
请注意,这些只是简单的示例,一个完整的app将涉及更多的功能和复杂性。由于一个完整的app涉及多个部分(如前端界面、后端逻辑、数据库等),并且不同的操作系统(如iOS、Android)和平台(如Web、桌面应用)需要不同的开发工具和语言,这里我将为你提供几种常见语言或框架下生成app的示例代码或概念。

  1. React Native (JavaScript/TypeScript)
    React Native 是一个用于构建原生应用的 JavaScript 框架。

jsx
// 示例组件:一个简单的按钮
import React from ‘react’;
import { Button, View } from ‘react-native’;

const App = () => {
const onPress = () => {
alert(‘Hello, World!’);
};

return (
<View style={{ flex: 1, justifyContent: ‘center’, alignItems: ‘center’ }}>


);
};

export default App;
2. Flutter (Dart)
Flutter 是一个用于构建跨平台应用的 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: ElevatedButton(
child: Text(‘Press Me’),
onPressed: () {
// 执行操作
showDialog(
context: context,
builder: (BuildContext context) {
return AlertDialog(
title: new Text(“Hello, World!”),
actions: [
new TextButton(
child: new Text(“OK”),
onPressed: () { Navigator.of(context).pop(); },
),
],
);
},
);
},
),
),
),
);
}
}
3. Swift (iOS)
Swift 是 Apple 官方推荐的 iOS 开发语言。

swift
// 示例代码:一个简单的 Swift UI View
import SwiftUI

struct ContentView: View {
var body: some View {
Button(action: {
// 执行操作
let alert = UIAlertController(title: “Hello, World!”, preferredStyle: .alert)
alert.addAction(UIAlertAction(title: “OK”, style: .default, handler: nil))
self.presentationMode.wrappedValue.presentedViewController?.present(alert, animated: true, completion: nil)
}) {
Text(“Press Me”)
}
}
}

struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}
4. Java (Android)
Java 是 Android 开发的主要语言之一。

java
// 示例代码:一个简单的 Android Activity
import android.app.Activity;
import android.app.AlertDialog;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;

public class MainActivity extends Activity {
@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.setMessage("Hello, World!").setPositiveButton("OK", null);  
            builder.show();  
        }  
    });  
}  

}
请注意,这些只是简单的示例,一个完整的app将涉及更多的功能和复杂性。

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐