https://github.com/bang9/react-native-kakao-logo

kakao svg-logo for react-native (Not official ! This repo is not, and never was operated by or affiliated with Kakao)
https://github.com/bang9/react-native-kakao-logo

kakao kakao-logo kakao-svg logo react-native react-native-kakao svg svg-logo

Last synced: 2 days ago
JSON representation

kakao svg-logo for react-native (Not official ! This repo is not, and never was operated by or affiliated with Kakao)

• Host: GitHub
• URL: https://github.com/bang9/react-native-kakao-logo
• Owner: bang9
• Created: 2020-02-14T12:52:52.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2020-02-25T08:41:05.000Z (over 4 years ago)
• Last Synced: 2024-10-11T19:12:20.378Z (26 days ago)
• Topics: kakao, kakao-logo, kakao-svg, logo, react-native, react-native-kakao, svg, svg-logo
• Language: JavaScript
• Homepage:
• Size: 997 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        






# react-native-kakao-logo

(not official) Kakao svg-logo for React Native

### Required

install `react-native-svg`

### Preview



### Example code and screenshot

```jsx

import React from 'react';

import {SafeAreaView, StyleSheet, StatusBar, Text, View} from 'react-native';

import KakaoLogo from 'react-native-kakao-logo';

const options = [

  {

    backgroundColor: '#ff4253',

    padding: 10,

  },

  {

    backgroundColor: '#81ca4e',

    padding: 10,

  },

  {

    backgroundColor: '#297ef5',

    padding: 10,

  },

  {

    backgroundColor: '#5b5b5b',

    padding: 10,

  },

];

const App = () => {

  return (

    <>

      

      

        

          {options.map(option => {

            return (

              

            );

          })}

        

        

        react-native-kakao-logo

      

    >

  );

};

const styles = StyleSheet.create({

  safeArea: {alignItems: 'center', justifyContent: 'center', flex: 1},

  container: {

    width: 120,

    justifyContent: 'center',

    flexWrap: 'wrap',

    flexDirection: 'row',

    borderRadius: 10,

    overflow: 'hidden',

  },

  logo: {

    backgroundColor: '#3c1e1e',

    padding: 10,

    margin: 10,

  },

});

export default App;

```



### Props

| Prop   | Type      | Default | Description        |

| :----- | :-------- | :------ | :----------------- |

| size?  | number    | 25      | Logo size          |

| color? | string    | #3C1E1E | Logo color         |

| style? | ViewStyle | none    | Logo Wrapper Style |