목록리액트 네이티브 (3)

양갱의 개발 블로그

[리액트네이티브] react-native 체크 박스 만들기 (Expo)

checkbox 공식 문서 https://docs.expo.dev/versions/latest/sdk/checkbox/ 위 링크에 들어가서 snack 실행해보면서 확인 Normal checkbox 이 코드를 사용함 1. install 하기 npm install expo-checkbox 2.useState ture / false값으로 set해야함 const [isChecked, setChecked] = useState(false); 3. section css를 확인 section: { flexDirection: 'row', alignItems: 'center', }, 4. paragraph, checkbox css 확인 paragraph: { fontSize: 15, }, checkbox: { margin..
프론트/React Native, React, Expo 2023. 7. 9. 19:05
[리액트네이티브] react-native firebase 연동 파이어베이스 연동

종합프로젝트에서 ​ 엑스포를 사용하고 ​ firebase와 react native 연동하는 부분이 있었다 ​ 적어놔야 할 거 같아서 입력 ​ ​ 일단 파이어베이스와 연동하려면 ​ install 해야하는 부분이 있다 npm install --save @react-native-firebase/app npm install @react-native-firebase/database npm install @react-native-firebase/firestore 이렇게 3가지를 install해야한다 ​ yarn을 사용하면 yarn add @react-native-firebase/app yarn add @react-native-firebase/database yarn add @react-native-firebase/..
프론트/React Native, React, Expo 2023. 6. 26. 22:58
[리액트네이티브] react-native 로딩창 만들기

로딩창 만들기 페이지 변환하거나 글을 작성했던 것을 저장할 때!! 아무것도 없으면 사용자 시점에서는 변화하고 있는게 없어 보이기 때문에 해당 시스템을 꺼버리기 마련이다! 이런 휴먼에러를 줄이기 위해서!! 로딩창을 만들어 진행중임을 사용자에게 보여준다ㅏ 그럴때 사용하는 것이 로딩임ㅁ 로딩 화면 만들기 위해서는 react native에 있는 값이 있긴하다! 내 snack에서 실행 코드가 있음!! 참고하시구 https://snack.expo.dev/@yeonji1013/activity-indicator 학교에서 수업 들으면서 실습했던 코드이당 이런 식으로 결과값이 나오고 하단에 있는 저 로딩창이 있다 저저 파란거ㅎㅎ,, 색도 변화할 수 있는데 좀 맘에 안들면!! 구글링해서 무료 gif 값을 넣어도 무방하다아 ..
프론트/React Native, React, Expo 2023. 6. 15. 16:05
이전 Prev 1 Next 다음