ionic4 / реакции-маршрутизатор - IonBackButton не появляется - PullRequest
Новая
       23

ionic4 / реакции-маршрутизатор - IonBackButton не появляется

0 голосов
/ 09 июня 2019

Я использую Ionic4 для разработки гибридного мобильного приложения Reaction.js для Android, а также использую реагирующий маршрутизатор-dom для управления навигацией.

Я определил маршруты приложения с помощью BrowserRouterи Route компонентов и могут легко перемещаться вперед и назад с помощью атрибута history, введенного в компоненты props.

Это пример приложения, в котором каждый маршрут загружает один и тот же компонент, который имеетIonHeader с IonToolbar, который, в свою очередь, содержит IonBackButton.

Когда приложение открывает новую страницу, кнопка «Назад» отображается на панели навигации в течение короткого периода времени, прежде чем исчезнуть.Согласно документации , IonBackButton достаточно умен, чтобы определить, когда он должен быть виден, поэтому я не знаю, происходит ли это, потому что интеграция Ionic с response.js все еще находится в бета-версии, или потому что ясделал что-то не так.

Это определение моего приложения: 

const App: React.FC = () => (
    <BrowserRouter>
      <IonApp>
        <IonRouterOutlet>
          <Route exact path="/" component={MainPage} />
          <Route exact path="/foo" component={MainPage} />
        </IonRouterOutlet>
      </IonApp>
    </BrowserRouter>
)

И это компонент маршрута: 

const MainPage: React.FC<RouteComponentProps> = props => <>
    <IonHeader>
      <IonToolbar color="primary">
        <IonBackButton goBack={() =>{}} />
      </IonToolbar>
    </IonHeader>
    <IonContent>
      <IonButton onClick={() => props.history.push("/foo")}>Navigate</IonButton>
    </IonContent>
</>

Почему кнопка "Назад" скрыта после того, как она видна?Я пытался использовать разные компоненты для каждого маршрута, но проблема остается.

...