Flutter 튜토리얼 68편: 기존 Android 앱에 Flutter 추가

1
import 'package:flutter/material.dart';
2

3
void main() => runApp(const MyFlutterApp());
4

5
class MyFlutterApp extends StatelessWidget {
6
  const MyFlutterApp({super.key});
7

8
  @override
9
  Widget build(BuildContext context) {
10
    return MaterialApp(
11
      title: 'Flutter Module',
12
      theme: ThemeData(
13
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.blue),
14
        useMaterial3: true,
15
      ),
16
      home: const MyHomePage(),
17
    );
18
  }
19
}
20

21
class MyHomePage extends StatelessWidget {
22
  const MyHomePage({super.key});
23

24
  @override
25
  Widget build(BuildContext context) {
26
    return Scaffold(
27
      appBar: AppBar(
28
        title: const Text('Flutter 화면'),
29
      ),
30
      body: const Center(
31
        child: Text(
32
          'Android에서 Flutter로!',
33
          style: TextStyle(fontSize: 24),
34
        ),
35
      ),
36
    );
37
  }
38
}

1
pluginManagement {
2
    repositories {
3
        google()
4
        mavenCentral()
5
        gradlePluginPortal()
6
    }
7
}
8

9
dependencyResolutionManagement {
10
    repositoriesMode.set(RepositoriesMode.PREFER_SETTINGS)
11
    repositories {
12
        google()
13
        mavenCentral()
14
        maven("https://storage.googleapis.com/download.flutter.io")
15
    }
16
}
17

18
rootProject.name = "MyAndroidApp"
19
include(":app")
20

21
// Flutter 모듈 포함
22
val flutterModulePath = file("../my_flutter_module")
23
apply {
24
    from("$flutterModulePath/.android/include_flutter.groovy")
25
}

1
dependencies {
2
    implementation(project(":flutter"))
3
}

1
dependencyResolutionManagement {
2
    repositories {
3
        maven("https://storage.googleapis.com/download.flutter.io")
4
        maven("../my_flutter_module/build/host/outputs/repo")
5
    }
6
}

1
android {
2
    buildTypes {
3
        release { }
4
        debug { }
5
        create("profile") {
6
            initWith(getByName("debug"))
7
        }
8
    }
9
}
10

11
dependencies {
12
    debugImplementation("com.example.my_flutter_module:flutter_debug:1.0")
13
    releaseImplementation("com.example.my_flutter_module:flutter_release:1.0")
14
    add("profileImplementation", "com.example.my_flutter_module:flutter_profile:1.0")
15
}

1
import io.flutter.embedding.android.FlutterActivity
2

3
class MainActivity : AppCompatActivity() {
4

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

9
        findViewById<Button>(R.id.open_flutter_button).setOnClickListener {
10
            // Flutter 화면 열기
11
            startActivity(
12
                FlutterActivity.createDefaultIntent(this)
13
            )
14
        }
15
    }
16
}

1
void main() => runApp(const MyApp());
2

3
class MyApp extends StatelessWidget {
4
  const MyApp({super.key});
5

6
  @override
7
  Widget build(BuildContext context) {
8
    return MaterialApp(
9
      initialRoute: '/',
10
      routes: {
11
        '/': (context) => const HomePage(),
12
        '/settings': (context) => const SettingsPage(),
13
      },
14
    );
15
  }
16
}

1
<?xml version="1.0" encoding="utf-8"?>
2
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3
    android:layout_width="match_parent"
4
    android:layout_height="match_parent"
5
    android:orientation="vertical">
6

7
    <!-- 네이티브 UI -->
8
    <TextView
9
        android:layout_width="match_parent"
10
        android:layout_height="wrap_content"
11
        android:text="네이티브 헤더" />
12

13
    <!-- Flutter가 렌더링될 영역 -->
14
    <FrameLayout
15
        android:id="@+id/flutter_container"
16
        android:layout_width="match_parent"
17
        android:layout_height="0dp"
18
        android:layout_weight="1" />
19

20
    <!-- 네이티브 UI -->
21
    <Button
22
        android:id="@+id/native_button"
23
        android:layout_width="match_parent"
24
        android:layout_height="wrap_content"
25
        android:text="네이티브 버튼" />
26

27
</LinearLayout>

1
import android.app.Application
2
import io.flutter.embedding.engine.FlutterEngine
3
import io.flutter.embedding.engine.FlutterEngineCache
4
import io.flutter.embedding.engine.dart.DartExecutor
5

6
class MyApplication : Application() {
7

8
    override fun onCreate() {
9
        super.onCreate()
10

11
        // FlutterEngine 미리 생성
12
        val flutterEngine = FlutterEngine(this)
13

14
        // Dart 진입점 실행 (main 함수 시작)
15
        flutterEngine.dartExecutor.executeDartEntrypoint(
16
            DartExecutor.DartEntrypoint.createDefault()
17
        )
18

19
        // 캐시에 등록
20
        FlutterEngineCache.getInstance()
21
            .put("my_engine_id", flutterEngine)
22
    }
23
}

1
<application
2
    android:name=".MyApplication"
3
    ... >

1
import 'package:flutter/material.dart';
2
import 'package:flutter/services.dart';
3

4
class MyHomePage extends StatefulWidget {
5
  const MyHomePage({super.key});
6

7
  @override
8
  State<MyHomePage> createState() => _MyHomePageState();
9
}
10

11
class _MyHomePageState extends State<MyHomePage> {
12
  static const platform = MethodChannel('com.example.app/channel');
13
  String _batteryLevel = 'Unknown';
14

15
  Future<void> _getBatteryLevel() async {
16
    String batteryLevel;
17
    try {
18
      final int result = await platform.invokeMethod('getBatteryLevel');
19
      batteryLevel = 'Battery level: $result%';
20
    } on PlatformException catch (e) {
21
      batteryLevel = 'Failed: ${e.message}';
22
    }
23

24
    setState(() {
25
      _batteryLevel = batteryLevel;
26
    });
27
  }
28

29
  @override
30
  Widget build(BuildContext context) {
31
    return Scaffold(
32
      appBar: AppBar(title: const Text('MethodChannel 예제')),
33
      body: Center(
34
        child: Column(
35
          mainAxisAlignment: MainAxisAlignment.center,
36
          children: [
37
            Text(_batteryLevel),
38
            ElevatedButton(
39
              onPressed: _getBatteryLevel,
40
              child: const Text('배터리 레벨 확인'),
41
            ),
42
          ],
43
        ),
44
      ),
45
    );
46
  }
47
}