React Native vs Flutter: 2025 Karşılaştırması

1// React Native örnek
2import { View, Text, TouchableOpacity, StyleSheet } from 'react-native';
3import { useState } from 'react';
4
5export function Counter() {
6  const [count, setCount] = useState(0);
7
8  return (
9    <View style={styles.container}>
10      <Text style={styles.count}>{count}</Text>
11      <TouchableOpacity 
12        style={styles.button}
13        onPress={() => setCount(c => c + 1)}
14      >
15        <Text style={styles.buttonText}>Artır</Text>
16      </TouchableOpacity>
17    </View>
18  );
19}
20
21const styles = StyleSheet.create({
22  container: {
23    flex: 1,
24    alignItems: 'center',
25    justifyContent: 'center',
26  },
27  count: {
28    fontSize: 48,
29    fontWeight: 'bold',
30  },
31  button: {
32    backgroundColor: '#17cb96',
33    paddingHorizontal: 24,
34    paddingVertical: 12,
35    borderRadius: 8,
36    marginTop: 16,
37  },
38  buttonText: {
39    color: 'white',
40    fontSize: 18,
41  },
42});

1// Flutter örnek
2import 'package:flutter/material.dart';
3
4class Counter extends StatefulWidget {
5  @override
6  _CounterState createState() => _CounterState();
7}
8
9class _CounterState extends State<Counter> {
10  int count = 0;
11
12  @override
13  Widget build(BuildContext context) {
14    return Center(
15      child: Column(
16        mainAxisAlignment: MainAxisAlignment.center,
17        children: [
18          Text(
19            '$count',
20            style: TextStyle(fontSize: 48, fontWeight: FontWeight.bold),
21          ),
22          SizedBox(height: 16),
23          ElevatedButton(
24            onPressed: () => setState(() => count++),
25            style: ElevatedButton.styleFrom(
26              backgroundColor: Color(0xFF17cb96),
27              padding: EdgeInsets.symmetric(horizontal: 24, vertical: 12),
28            ),
29            child: Text('Artır', style: TextStyle(fontSize: 18)),
30          ),
31        ],
32      ),
33    );
34  }
35}

1App Başlatma Süresi:
2- React Native: 1.8s
3- Flutter: 1.2s
4
5Liste Scroll FPS:
6- React Native: 58 FPS
7- Flutter: 60 FPS
8
9Memory Kullanımı:
10- React Native: 180MB
11- Flutter: 210MB