- Android (Java/Kotlin)tzxl8023.com
Java 示例 (Android Studio):
java
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
TextView textView = findViewById(R.id.textView);
textView.setText("Hello, World!");
}
}
Kotlin 示例 (Android Studio):
kotlin
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
val textView: TextView = findViewById(R.id.textView)
textView.text = "Hello, World!"
}
}
2. iOS (Swift/Objective-C)
Swift 示例 (Xcode):
swift
import UIKit
class ViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view.
let label = UILabel()
label.text = "Hello, World!"
label.center = view.center
view.addSubview(label)
}
}
Objective-C 示例 (Xcode):
objc
#import “ViewController.h”
@interface ViewController ()
@end
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view.
UILabel *label = [[UILabel alloc] init];
label.text = @“Hello, World!”;
label.center = self.view.center;
[self.view addSubview:label];
}
@end
3. Flutter (Dart)
Dart 示例 (Flutter):
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(‘Hello World’),
),
body: Center(
child: Text(‘Hello, World!’),
),
),
);
}
}
4. React Native (JavaScript/TypeScript)
JavaScript 示例 (React Native):
jsx
import React from ‘react’;
import { View, Text, StyleSheet } from ‘react-native’;
export default function App() {
return (
);
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: ‘center’,
alignItems: ‘center’,
},
});
TypeScript 示例 (React Native with TypeScript):
与JavaScript示例类似,但文件扩展名为.tsx,并可能需要额外的类型定义。
请注意,这些示例只是展示了如何在一个新的app项目中显示“Hello, World!”文本。要创建一个完整的app,你需要进一步学习如何设计用户界面、处理用户输入、与后端服务器通信等。由于生成一个完整的app代码需要考虑到用户界面设计、后端逻辑、数据存储等多个方面,而且不同平台的app(如iOS、Android、Web等)所使用的技术和语言也不同,因此在这里我将为你提供几个简单的示例,分别用几种常见的编程语言来展示如何开始一个app项目。
- Android (Java/Kotlin)
Java 示例 (Android Studio):
java
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
TextView textView = findViewById(R.id.textView);
textView.setText("Hello, World!");
}
}
Kotlin 示例 (Android Studio):
kotlin
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
val textView: TextView = findViewById(R.id.textView)
textView.text = "Hello, World!"
}
}
2. iOS (Swift/Objective-C)
Swift 示例 (Xcode):
swift
import UIKit
class ViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view.
let label = UILabel()
label.text = "Hello, World!"
label.center = view.center
view.addSubview(label)
}
}
Objective-C 示例 (Xcode):
objc
#import “ViewController.h”
@interface ViewController ()
@end
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view.
UILabel *label = [[UILabel alloc] init];
label.text = @“Hello, World!”;
label.center = self.view.center;
[self.view addSubview:label];
}
@end
3. Flutter (Dart)
Dart 示例 (Flutter):
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(‘Hello World’),
),
body: Center(
child: Text(‘Hello, World!’),
),
),
);
}
}
4. React Native (JavaScript/TypeScript)
JavaScript 示例 (React Native):
jsx
import React from ‘react’;
import { View, Text, StyleSheet } from ‘react-native’;
export default function App() {
return (
);
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: ‘center’,
alignItems: ‘center’,
},
});
TypeScript 示例 (React Native with TypeScript):
与JavaScript示例类似,但文件扩展名为.tsx,并可能需要额外的类型定义。
请注意,这些示例只是展示了如何在一个新的app项目中显示“Hello, World!”文本。要创建一个完整的app,你需要进一步学习如何设计用户界面、处理用户输入、与后端服务器通信等。