// Master mobile development with iOS, Android, React Native, and Flutter. Build cross-platform applications and games for smartphones and tablets.
| name | mobile-gaming |
| description | Master mobile development with iOS, Android, React Native, and Flutter. Build cross-platform applications and games for smartphones and tablets. |
import UIKit
class ViewController: UIViewController {
@IBOutlet weak var label: UILabel!
override func viewDidLoad() {
super.viewDidLoad()
label.text = "Hello, World!"
}
@IBAction func buttonTapped(_ sender: UIButton) {
label.text = "Button tapped!"
}
}
import SwiftUI
struct ContentView: View {
@State var count = 0
var body: some View {
VStack {
Text("Count: \(count)")
.font(.title)
Button("Increment") {
count += 1
}
.padding()
}
}
}
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
val button = findViewById<Button>(R.id.button)
button.setOnClickListener {
Toast.makeText(this, "Button clicked!", Toast.LENGTH_SHORT).show()
}
}
}
import React, { useState } from 'react';
import { View, Text, TouchableOpacity, StyleSheet } from 'react-native';
export default function App() {
const [count, setCount] = useState(0);
return (
<View style={styles.container}>
<Text>Count: {count}</Text>
<TouchableOpacity
style={styles.button}
onPress={() => setCount(count + 1)}
>
<Text>Increment</Text>
</TouchableOpacity>
</View>
);
}
const styles = StyleSheet.create({
container: { flex: 1, justifyContent: 'center' },
button: { padding: 10, backgroundColor: '#007AFF' }
});
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatefulWidget {
@override
_MyAppState createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> {
int count = 0;
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(title: Text('Counter')),
body: Center(
child: Column(
children: [
Text('Count: $count'),
ElevatedButton(
onPressed: () => setState(() => count++),
child: Text('Increment'),
)
],
)
),
),
);
}
}
Todo List App
Weather App
E-commerce App
Social Media Clone
Mobile Game
For detailed information, visit the Mobile Developer roadmap at https://roadmap.sh/android or https://roadmap.sh/ios