중요한 것

<aside> 🗡️ 사용한 스택, 모듈 정리 페이지

사용한 스택, 모듈 정리

</aside>

참고자료

<aside> 🗡️ Emotion Native

리액트 네이티브 스타일 명령어 모음

폰트적용

box-shadow

시크릿코드 자르기

{el.name.split("#")[1]}

defaultValue={props.fetchData?.fetchUseditem.name.split("#")[1]}

<TextInput/> // input 태그

border-bottom 적용하는법

border-bottom-width: 1px;
border-bottom-color: #5b5bc0;

keyboard tap hide 방법

<Tab.Screen
          name="마이페이지"
          component={MyScreenNavigator}
          options={{ tabBarHideOnKeyboard: true }}
        />

tapnavigator 페이지에서 Tab.Screen options 설정해줄것

onPress id값 받아오기

const onPressDetial = (el) => {
    setId(el._id);
    console.log("333", el);
  };

onPress={() =>
      navigation.navigate("상품 상세보기", {
      id: onPressDetial(el),
      })
}

const { id } = useContext(AuthContext);

  const { data } = useQuery(FETCH_USED_ITEM, {
    variables: {
      useditemId: id,
    },
  });

TextInput 자동 줄바꾸기

<TextInput
   style = {{flexShrink:1}}
   multiline ={true}
>
</TextInput>

상품 이름이 길때 자르고 뒤에 .. 붙이기

<CartName>
    {
			el.productName.length > 9
          ? `${el.productName.substr(0, 10)}..`
          : el.productName
		}
</CartName>

https://github.com/meliorence/react-native-snap-carousel

</aside>

<aside> 🗡️ [도서] Do it! 리액트 네이티브

Do it! 리액트 네이티브 - v.에러

Do it! 리액트 네이티브 - v.패키지

</aside>