sanguk.dev
작성완료
앱 화면 항상 켜기 (Android)

앱 화면 항상 켜기 (Android)

모듈 설치를 위해 react-native-keep-awake를 추가하고, 네이티브 설정을 위해 settings.gradle과 build.gradle 파일을 수정한 후, App.tsx에서 KeepAwake를 사용하여 앱 화면을 항상 켜도록 설정하는 방법을 설명합니다.

React NativeAndroid

1. 모듈 설치

shell
yarn add react-native-keep-awake
yarn add -D @types/react-native-keep-awake

2. 네이티브 설정

groovy
// android/setting.gradle

include ':react-native-keep-awake'
project(':react-native-keep-awake').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-keep-awake/android')
groovy
// android/app/build.gradle

...

dependencies {
		...
    implementation project(':react-native-keep-awake')
    ...
}

...
typescript
// src/App.tsx

import { useEffect } from 'react';
import { Text } from 'react-native';
import KeepAwake from 'react-native-keep-awake';

export default () => {

	useEffect(() => {
		KeepAwake.activate();
    return () => KeepAwake.deactivate();
	}, []);
	
	return (
		<Text>항상 켜져있습니다.</Text>
	);
}