728x90 반응형 리액트네이티브38 [React native]그림자효과 style에 적용시켜준다. { background: '#ffffff' // 배경색이 없으면 그림자가 안보일 수 있음. //IOS shadowColor: "#000000", //그림자색 shadowOpacity: 0.3,//그림자 투명도 shadowOffset: { width: 2, height: 2 }, //그림자 위치 //ANDROID elevation: 3, } 2019. 11. 22. [React native]스크롤뷰 안에 그리드 형식으로 아이템 배치하기 안에 내가 원하던 구조는 한줄에 2개씩 배치되는 형태의 그리드 모양을 원했다. 이렇게 두개씩 배치되는 것이였는데 flexDirection:"row", 를 사용해도 ScrollView 안에서는 적용되지 않았다... 이런 모양밖에 나오지 않음.. 내가 원하는 모양을 위해서는 flex:1 인 ScrollView 안에 View를 넣어 flexDirection:"row"를 적용시키면 원하는 모양이 나온다 아래 코드를 참고 제목 설명블라블라 제목 설명블라블라 제목 설명블라블라 const styles = StyleSheet.create({ list:{ flex: 1, width:"100%", backgroundColor:"#f2f2f2", }, stylegridView:{ flexDirection:"row", fle.. 2019. 10. 25. [react-native]WebView 추가하기 앱안에 웹사이트 보여주기.. import React from 'react'; import { StyleSheet, View, WebView } from 'react-native'; export default class App extends React.Component { render(){ return ( ); } } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff', alignItems: 'stretch', // 이부분 중요 이거 안써주면 WebView 에 width 값을 지정해야함.. justifyContent: 'center', paddingTop: getStatusBarHeight(true), }, });.. 2019. 9. 30. [리액트 네이티브]클립보드 내용 가져오기 클립보드에 링크를 복사하고 앱을 실행할 경우 특정 동작을 실행하고 싶어서 다음과같이 코드를 작성했다. import React from 'react'; import { ..., Clipboard} from 'react-native'; ... export default class App extends React.Component { state = { linkAddress : null, } readClipboard = async () => { const linkAddress = await Clipboard.getString(); //클립보드의 내용을 가져온다 if(linkAddress.indexOf("http")>-1){ //클립보드에서 가져온 문자열에 http 가 포함되어있으면 링크로 인식해 저장 this... 2019. 9. 17. 이전 1 2 3 4 5 6 7 8 ··· 10 다음 728x90 반응형
