在这里插入图片描述

  1. React Native (JavaScript/TypeScript)zgshgys3w.com
    React Native允许你使用JavaScript或TypeScript编写跨平台的移动应用。

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

export default function App() {
const onPressButton = () => {
alert(‘Button was pressed!’);
};

return (


Hello, React Native!

);
}
2. Flutter (Dart)
Flutter是Google开发的跨平台移动应用开发框架,使用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: ElevatedButton(
child: Text(‘Press Me’),
onPressed: () {
// 执行按钮点击操作
},
),
),
),
);
}
}
3. Swift (iOS)
Swift是Apple官方推荐的iOS应用开发语言。

swift
// 示例:Swift中的简单按钮
import UIKit

class ViewController: UIViewController {

override func viewDidLoad() {  
    super.viewDidLoad()  
    // Do any additional setup after loading the view.  
      
    let button = UIButton(type: .system)  
    button.setTitle("Press Me", for: .normal)  
    button.addTarget(self, action: #selector(buttonPressed), for: .touchUpInside)  
    button.translatesAutoresizingMaskIntoConstraints = false  
      
    view.addSubview(button)  
    NSLayoutConstraint.activate([  
        button.centerXAnchor.constraint(equalTo: view.centerXAnchor),  
        button.centerYAnchor.constraint(equalTo: view.centerYAnchor)  
    ])  
}  
  
@objc func buttonPressed() {  
    print("Button was pressed!")  
}  

}
4. Java/Kotlin (Android)
Android应用通常使用Java或Kotlin编写。

Kotlin示例:

kotlin
// 示例:Kotlin中的简单按钮
import android.os.Bundle
import android.widget.Button
import androidx.appcompat.app.AppCompatActivity
import kotlinx.android.synthetic.main.activity_main.*

class MainActivity : AppCompatActivity() {

override fun onCreate(savedInstanceState: Bundle?) {  
    super.onCreate(savedInstanceState)  
    setContentView(R.layout.activity_main)  

    button.setOnClickListener {  
        // 执行按钮点击操作  
    }  
}  

}
请注意,这些示例仅展示了如何创建一个简单的按钮,并且没有涉及完整的App开发流程(如路由、状态管理、API调用等)。在实际开发中,你可能还需要使用其他库、框架和工具来构建完整的App。由于一个完整的App通常涉及多个层面(如前端、后端、数据库等),并且不同的平台和框架使用不同的编程语言,这里我将为你提供几种主流编程语言/框架下创建App的简单示例或思路。

  1. React Native (JavaScript/TypeScript)
    React Native允许你使用JavaScript或TypeScript编写跨平台的移动应用。

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

export default function App() {
const onPressButton = () => {
alert(‘Button was pressed!’);
};

return (


Hello, React Native!

);
}
2. Flutter (Dart)
Flutter是Google开发的跨平台移动应用开发框架,使用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: ElevatedButton(
child: Text(‘Press Me’),
onPressed: () {
// 执行按钮点击操作
},
),
),
),
);
}
}
3. Swift (iOS)
Swift是Apple官方推荐的iOS应用开发语言。

swift
// 示例:Swift中的简单按钮
import UIKit

class ViewController: UIViewController {

override func viewDidLoad() {  
    super.viewDidLoad()  
    // Do any additional setup after loading the view.  
      
    let button = UIButton(type: .system)  
    button.setTitle("Press Me", for: .normal)  
    button.addTarget(self, action: #selector(buttonPressed), for: .touchUpInside)  
    button.translatesAutoresizingMaskIntoConstraints = false  
      
    view.addSubview(button)  
    NSLayoutConstraint.activate([  
        button.centerXAnchor.constraint(equalTo: view.centerXAnchor),  
        button.centerYAnchor.constraint(equalTo: view.centerYAnchor)  
    ])  
}  
  
@objc func buttonPressed() {  
    print("Button was pressed!")  
}  

}
4. Java/Kotlin (Android)
Android应用通常使用Java或Kotlin编写。

Kotlin示例:

kotlin
// 示例:Kotlin中的简单按钮
import android.os.Bundle
import android.widget.Button
import androidx.appcompat.app.AppCompatActivity
import kotlinx.android.synthetic.main.activity_main.*

class MainActivity : AppCompatActivity() {

override fun onCreate(savedInstanceState: Bundle?) {  
    super.onCreate(savedInstanceState)  
    setContentView(R.layout.activity_main)  

    button.setOnClickListener {  
        // 执行按钮点击操作  
    }  
}  

}
请注意,这些示例仅展示了如何创建一个简单的按钮,并且没有涉及完整的App开发流程(如路由、状态管理、API调用等)。在实际开发中,你可能还需要使用其他库、框架和工具来构建完整的App。

Logo

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

更多推荐