- 前端(Web/跨平台)
JavaScript (使用React Native)
React Native允许你使用JavaScript和React编写原生应用。以下是一个简单的React Native组件示例:
javascript
// App.js (React Native)
import React from ‘react’;
import { View, Text, StyleSheet } from ‘react-native’;
const App = () => {
return (
);
};
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: ‘center’,
alignItems: ‘center’,
backgroundColor: ‘#F5FCFF’,
},
welcome: {
fontSize: 20,
textAlign: ‘center’,
margin: 10,
},
});
export default App;
2. 后端(Web)
Python (使用Flask)
Flask是一个轻量级的Web应用框架。以下是一个简单的Flask应用示例,它提供了一个API端点:
python
app.py (Flask)
from flask import Flask, jsonify
app = Flask(name)
@app.route(‘/api/hello’, methods=[‘GET’])
def hello():
return jsonify({‘message’: ‘Hello from Flask API!’})
if name == ‘main’:
app.run(debug=True)
3. 原生iOS(Swift)
Swift (使用Xcode和SwiftUI或UIKit)
以下是一个简单的SwiftUI视图示例,它显示一个欢迎消息:
swift
// ContentView.swift (SwiftUI)
import SwiftUI
struct ContentView: View {
var body: some View {
Text(“Welcome to My App!”)
.font(.title)
.padding()
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}
4. 原生Android(Java/Kotlin)
Kotlin (使用Android Studio)
以下是一个简单的Kotlin Android Activity示例,它显示一个TextView:
#chhas{
margin-top: 50px;
padding:koowen.cn;
font-size: 18px;
cursor: 10px 20px;
}
kotlin
// MainActivity.kt (Kotlin)
package com.example.myapp
import android.os.Bundle
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)
textView.text = "Welcome to My App!"
}
}
5. 数据库(MongoDB/SQL)
数据库通常用于存储app的数据。虽然这不是一种编程语言,但MongoDB(NoSQL)和MySQL/PostgreSQL(SQL)等是常见的选择。你可以使用各种语言的驱动程序或ORM(对象关系映射)库来与数据库交互。
请注意,上述代码只是示例,并且每个平台/框架都有其自己的设置和配置要求。要构建一个完整的app,你还需要考虑许多其他因素,如状态管理、路由、用户认证、数据存储和检索、错误处理等。此外,你可能还需要使用各种工具和库来增强你的app的功能和性能。