ReactNative - Base64 인코딩/디코딩

React Native  base64 변환방법입니다.

직접 구현해도 되고 모듈을 사용하셔도 됩니다. 여기서는 base-64 모듈을 사용해서 변환을 해보겠습니다.

먼저 모듈을 설치합니다. 프로젝트 폴더안에서 아래 명령을 실행합니다.

npm install base-64

그 다음은 모듈  import해서 사용하면 됩니다.

import React from 'react';
import { StyleSheet, Text, View, Button } from 'react-native';
import base64 from 'base-64'; // 없는 경우 설치 : npm install base-64

export class Base64Convert extends React.Component {
    static navigationOptions = {
        title: 'Base64 Encode/Decode',
    };

    render() {
        let txt = "hello world!";
        let enc = base64.encode(txt);   // 인코딩
        let dec = base64.decode(enc);   // 디코딩

        return (
            <View style={styles.container}>
                <Text>encode</Text>
                <Text>{txt} -> {enc}</Text>
                <Text>decode</Text>
                <Text>{enc} -> {dec}</Text>
            </View>
        );
    }
}

const styles = StyleSheet.create({
    container: {
        alignItems: 'center',
        justifyContent: 'center',
    },
});