TIL: RN | borderStyle 과 React Navigation CompositeNavigationProp

CompositeNavigationProp 는
서로 다른 레벨의 navigation 을 병합하여 사용하는 것인데
같은 레벨의 navigation 이 여러개라면 union 타입을 사용할 수 있다

또한 composite 한 type 을 다른 계층의 네비게이션과 중첩으로 composite 할 수 있다
같은 계층을 composite 로 묶으려 하면 에러가 나는 것으로 보인다

서로 다른 계층은 composite, 같은 계층은 union

type CompositeMainType = CompositeNavigationProp<
  NativeStackNavigationProp<MainTabType>,
  NativeStackNavigationProp<
    | Tab1Type
    | Tab2Type
    | Tab3Type
  >
>;

type CompositeRootType = CompositeNavigationProp<
  CompositeMainType,
  NativeStackNavigationProp<RootStackType>
>;

iOS 에서
react native의 borderStyle 의 경우
한 쪽만 dotted 나 dashed 로 줄 수 없다
borderBottomWidth 등을 주어서는 적용이 안되고
borderWidth 로 4방향 모두 width 가 적용된 상황에만
사용할 수 있음.......
점선을 어떻게 표현해야할지 좀 막막하다

<View style={{ width: '98%', height: 1, overflow: 'hidden' }}>
      <View
        style={{
          width: '100%',
          borderWidth: 1,
          borderStyle: 'dashed',
        }}
      />
    </View>

이런 식으로 view 로 감싸서 overflow hidden 을 주면
조금 야매같지만 구현은 가능하다..