Сбой при навигации по вкладкам с использованием BottomNavigation (не TabView)

Я пытаюсь создать приложение для навигации с вкладками, используя BottomNavigation вместо TabView. Я основал это на этом примере, который поддерживает вложенные маршрутизаторы страниц. Я могу заставить его работать, но у меня возникает одна проблема: когда я возобновляю работу приложения, оно вылетает, видно здесь. Я предполагаю, что это связано с тем, что то, что я делаю с выходами маршрутизатора страницы, грязно.

An uncaught Exception occurred on "main" thread.
java.lang.RuntimeException: Unable to resume activity {org.nativescript.nestedroutertabview/com.tns.NativeScriptActivity}: java.lang.IllegalStateException: The specified child already has a parent. You must call removeView() on the child's parent first.
at android.app.ActivityThread.performResumeActivity(ActivityThread.java:3822)
at android.app.ActivityThread.handleResumeActivity(ActivityThread.java:3854)
at android.app.servertransaction.ResumeActivityItem.execute(ResumeActivityItem.java:51)
at android.app.servertransaction.TransactionExecutor.executeLifecycleState(TransactionExecutor.java:145)
at android.app.servertransaction.TransactionExecutor.execute(TransactionExecutor.java:70)
at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1816)
at android.os.Handler.dispatchMessage(Handler.java:106)
at android.os.Looper.loop(Looper.java:193)
at android.app.ActivityThread.main(ActivityThread.java:6718)
at java.lang.reflect.Method.invoke(Native Method)
at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:493)
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:858)
Caused by: java.lang.IllegalStateException: The specified child already has a parent. You must call removeView() on the child's parent first.
at android.view.ViewGroup.addViewInner(ViewGroup.java:5034)
at android.view.ViewGroup.addView(ViewGroup.java:4865)
at android.view.ViewGroup.addView(ViewGroup.java:4805)
at android.view.ViewGroup.addView(ViewGroup.java:4778)

Я объясню, что я изменил.

В app-routing.module: я удалил строку { path: "", redirectTo: "/login", pathMatch: "full" },, потому что хотел, чтобы приложение запускалось на странице вкладки, а не на странице входа. Я не мог придумать, как это сделать, кроме добавления this.routerExtension.navigate(["/tabs/default"], { clearHistory: true }); в app.component.

В tabs.component.html это моя настройка page-router-outlet:

<GridLayout rows="*, auto">
    <page-router-outlet name="playerTab" actionBarVisibility="never" visibility="{{  (selectedTab == 0) ? 'visible' : 'collapsed' }}"></page-router-outlet>
    <page-router-outlet name="teamTab" actionBarVisibility="never" visibility="{{  (selectedTab == 1) ? 'visible' : 'collapsed' }}"></page-router-outlet>

    <StackLayout row="1" verticalAlignment="bottom">
        <BottomNavigation id="bottomNavigation" activeColor="#00C99D" [tabs]="tabs" titleVisibility="never" (tabSelected)="onBottomNavigationTabSelected($event)"></BottomNavigation>
    </StackLayout>
</GridLayout>

Я просто скрываю неиспользуемые розетки и показываю текущую вкладку. Все, что я делаю, мне не кажется чистым.

Вот ссылка на мой проект: https://github.com/keerl/login-bottom-navigation-ng

Любая помощь приветствуется.


nativescript angular angular2-nativescript nativescript-angular
person keerl    schedule 26.02.2019    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Я нашел решение пока. Если я использую свойство «hidden» вместо «collapsed» в атрибуте видимости, сбой больше не происходит. Я все еще не думаю, что это правильный способ делать это, поэтому, если у кого-то есть какие-то идеи, мы будем признательны.

person keerl    schedule 26.02.2019

arrow_upward
0
arrow_downward

Спасибо за использование моего плагина: D Я думаю, проблема в том, что вы используете свойство видимости. Я предлагаю вам вместо этого использовать ngSwitch. Установите NgSwitch в своем основном GridLayout, затем оберните каждую страницу-маршрутизатор-выход внутри StackLayout, где вы можете настроить NgCase для отображения страницы-маршрутизатора-выхода на основе выбранной вкладки.

Надеюсь, это может быть полезно: D

person Henry Chávez    schedule 26.02.2019
comment
Я пробовал это, но выходы, похоже, больше не отображаются правильно, это просто пустая белая страница. Я нашел временное решение, используя «скрытый» вместо «свернутый». - person keerl; 26.02.2019
comment
Вы пробовали применять ngCase к каждому directl6 page-router-output? - person Henry Chávez; 26.02.2019