REACT-NATIVE 버튼 둥글게 만들기

<Button title="LOG IN" color="#2E8B57" />

이걸로는 배경색만 지정 할 수 있을 뿐 크기나 둥글게 만들지는 못했다.

그래서 해결책은 TouchableOpacity를 사용하는 것이다. reactnative.dev/docs/touchableopacity

<TouchableOpacity 
     style={{ borderWidth:1,
       borderColor:'rgba(0,0,0,0.2)',
       alignItems:'center',
       justifyContent:'center',
       width:100,
       height:100,
       backgroundColor:'#fff',
       borderRadius:100,
     }}
     >
     <Icon name={"chevron-right"}
       size={30}
       color="#01a699" />
</TouchableOpacity>

이 컴포넌트에 borderRadius 옵션을 주면 둥글게 만들어진다.