React-native-router-flux: 모달 사용법

root 장면을 모달 안에 넣어보십시오.
이와 같이:

<Router>
    <Scene key="modal" modal>
       <Scene key="root" hideNavBar hideTabBar>
            <Scene key="tabBar" tabs>
              <Scene key="listings" component={Listings} title="Listings" initial right={MapButton} />
              <Scene key="favorites" component={Favorites} title="Favorites" />
              <Scene key="messages" component={Messages} title="Messages" />
              <Scene key="profile" component={Profile} title="Profile" />
            </Scene>
        </Scene>
        <Scene key="map" component={Map} title="Map" hideNavBar />

@luco 가 제안한 것처럼 루트 장면을 modal 로 만들어야 합니다. 예제 프로젝트를 확인하십시오. 로그인은 모달로 구현됩니다.

이것은 여전히 ​​작동하지 않습니다.

<Router>
    <Scene key="modal" modal>
      <Scene key="root" hideNavBar hideTabBar>
        <Scene key="tabBar" tabs>
          <Scene key="listings" component={Listings} title="Listings" initial right={MapButton} />
          <Scene key="favorites" component={Favorites} title="Favorites" />
          <Scene key="messages" component={Messages} title="Messages" />
          <Scene key="profile" component={Profile} title="Profile" />
        </Scene>
        <Scene key="map" component={Map} title="Map" hideNavBar />
        <Scene key="listingDetail" component={ListingDetail} title="Listing Detail" clone />
      </Scene>
    </Scene>
  </Router>

나머지(ListingDetail 같은)가 모달이 되는 것을 원하지 않을 때 모달 장면의 모든 것을 래핑하면 하나의 특정 장면 이 모달이 된다는 것은 의미가 없습니다. Actions.map 에 사용해야 하는 특정 매개변수가 있습니까?

불행히도 반응 탐색의 문제입니다. 스택 자식에 대해 다른 애니메이션을 지원하지 않습니다. 나는 당신의 문제를 재현할 수 없습니다(코드는 괜찮아 보입니다). 그래서 모든 사람들에게 문제가 해결되기를 원하는 경우 이 리포지토리 예제를 분기하고 수정하도록 요청합니다. 예제의 로그인 모달은 보시다시피 잘 작동합니다.

모달 iOS 전환을 지원할 방법이 없다는 말씀이신가요? 즉, 아래에서 미끄러지는 하나?

무슨 뜻이에요? 나는 Example에 모달 로그인 화면이 있다고 두 번 말했습니다(하단에서 슬라이드)

좋아, 하지만 당신은 또한 내 코드가 괜찮아 보인다고 말했다....

나는 예제를 따르기 위해 최선을 다했지만 문서가 없기 때문에 모든 것이 거기에 있는 이유를 말할 수 없습니다. 분명히 내 경로가 다르기 때문에 해당 코드를 복사하여 붙여 넣을 수 없습니다.

귀하의 코드에 대해 말씀드릴 수 있는 것과 동일합니다. 전체 프로젝트와 모든 세부사항을 볼 수 없습니다. 예를 들어 Actions.map 를 사용할 수 있으며 컴파일하는 동안 생성되지 않고 null이 될 수도 있습니다.

필요한 것이 무엇인지 알려주시면 더 많은 코드 샘플을 제공해 드리겠습니다. Actions.map 작동합니다. 아래쪽에서 예상하는 것의 안쪽에서 그냥 전환됩니다.

동일한 앱에서 push 및 modal 전환을 모두 가질 수 없다는 말씀이신가요?

어머나. 앱이 아니라 하나의 컨테이너에 있습니다. 더 자세히 살펴보면 코드에 오류가 있습니다. 'map'은 여전히 ​​모달(key='modal')이 아닌 '일반' 컨테이너(key=root)의 자식입니다. 당신이하는 일을 이해하지 못하는 것 같습니다. 어쩌면 이 구성 요소가 당신에게 너무 복잡할 수도 있습니다...

이 시도:

<Router>
    <Scene key="modal" modal>
      <Scene key="root" hideNavBar hideTabBar>
        <Scene key="tabBar" tabs>
          <Scene key="listings" component={Listings} title="Listings" initial right={MapButton} />
          <Scene key="favorites" component={Favorites} title="Favorites" />
          <Scene key="messages" component={Messages} title="Messages" />
          <Scene key="profile" component={Profile} title="Profile" />
        </Scene>
      </Scene>
        <Scene key="map" component={Map} title="Map" hideNavBar />
        <Scene key="listingDetail" component={ListingDetail} title="Listing Detail" clone />
    </Scene>
  </Router>

덕분에 문제가 해결되었습니다. 관련 문서가 없는데 내가 어떻게 이해하기를 기대합니까? 이 모달 기능에 대해 많은 사람들이 문제를 제기해 왔으며 아마도 문서의 필요성을 나타내는 것일 수 있습니다.

여기에 있는 최근 게시물은 문서가 아니라 JSX 구문 및 탐색 컨테이너에 대한 이해에 관한 것입니다.
모달에 대한 추가 정보를 추가했습니다.

안녕,

나를 위해 일했다

<Router navigationBarStyle={{backgroundColor: '#FF5722'}} titleStyle={{color: '#fff'}}>
        <Modal>
            <Stack key="root">
                <Scene key='login_screen' component={LoginScreen} title='login' hideNavBar={true} />
            </Stack>
            <Scene key='cadastro_screen' component={CadastroScreen} title='Cadastro' hideNavBar={false} />
        </Modal>
</Router>

모달 래퍼를 추가하면 보기 상단에 2개의 탐색 모음이 표시되고, hideNavBar를 추가하면 둘 다 사라집니다. 이 문제를 어떻게 해결할 수 있습니까? 분명히 하나의 탭 막대가 아닌 두 개의 탭 막대를 원합니다... ?

<Modal hideNavBar> 사용하면 $# <Modal> 자체 탐색 모음이 추가되므로 루트 장면의 하나와 함께 두 개를 갖게 됩니다.