[23.06.24]TIL

git diff 파일명.확장자 를 git cli에서 입력하면 파일의 수정 내용을 비교하여 변경된 부분을 보여줌.

React Navigation 패키지를 사용하는 것만으로도 훌륭한 기본 래퍼(wrapper) 레이아웃을 만들 수 있음.

기본 화면 설정하기

(<Stack.Navigator>을 통해) Navigator를 설정하고 (<Stack.Screen>을 통해) 화면을 등록할 때는 앱이 시작할 때 어떤 화면이 기본으로 표시될지를 설정할 수 있습니다.

아무런 설정 없이는 가장 위에 있는 화면, 즉 <Stack.Navigator>내의 첫 번째 자식 요소가 초기 화면이 됩니다.

다음 예시에서는 AllProducts 화면이 앱 시작 시 나타나는 초기 화면이 됩니다

<Stack.Navigator>
  <Stack.Screen name="AllProducts" component={AllProducts} /> // initial screen
  <Stack.Screen name="ProductDetails" component={ProductDetails} />
</Stack.Navigator>

<Stack.Screen>순서를 변경함으로써 초기 화면을 변경할 수 있습니다. 내비게이터 컴포넌트(예시의<Stack.Navigator>에 설정할 수 있는 initialRouteName 프로퍼티를 사용할 수도 있습니다.

<Stack.Navigator initialRouteName="ProductDetails">
  <Stack.Screen name="AllProducts" component={AllProducts} /> 
  <Stack.Screen name="ProductDetails" component={ProductDetails} /> // initial screen
</Stack.Navigator>

네이티브 스택은 애니메이션과 화면에 대해 네이티브 플랫폼 요소를 사용하기 때문에 네이티브 동작을 흉내 내는 스택보다 성능이 더 높을 수 있다. 그래서 보통 네이티브 스택을 선호함.
네이티브 스택을 사용하는데 문제가 있다면 스택 기반 내비게이션을 제공하는 스택으로 폴백할 수 있음.

uri는 이미지에 대한 URL을 뜻함.