René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Setting the  selectedIndex on BottomNavigation property makes the app crash ","articleBody":"**Environment**\r\nProvide version numbers for the following components (information can be retrieved by running `tns info` in your project folder or by inspecting the `package.json` of the project):\r\n - CLI: 6.1.2\r\n - Cross-platform modules: 6.1.1\r\n - Android Runtime: 6.1.2\r\n - iOS Runtime: 6.1.0\r\n - Plugin(s): none\r\n\r\n**Describe the bug**\r\n\u003c!-- A clear and concise description of what the bug is. Please, explain whether it's a build time error or a runtime error. More detailed logs can be easily obtained by following the instructions in this guide: https://docs.nativescript.org/get-support#how-to-obtain-diagnostic-reports. --\u003e\r\n\r\nThe app crashes when setting the `selectedIndex` attribute on the `BottomNavigation` component. While the change is visible after restarting the app, it keeps crashing on each change making development quite painful.\r\n\r\n**To Reproduce**\r\n\u003c!-- Add commands used or steps taken to reproduce the behaviour. --\u003e\r\n\r\n- Create a new app using the tab-navigation-ng template:\r\n\r\n```\r\ntns create --template tns-template-tab-navigation-ng nativescript-bottom-nav-issue\r\ncd nativescript-bottom-nav-issue\r\ntns run android\r\n```\r\n- Make sure the app works\r\n- Open `src/app/app.component.html`\r\n- Change the first line to `\u003cBottomNavigation selectedIndex=\"1\"\u003e`\r\n- Wait till the app refreshes and see the crash 💥\r\n\r\n**Expected behavior**\r\n\r\nThe app does not crash.\r\n\r\n**Sample project**\r\n\u003c!-- If possible, provide a link from the [Playground](https://play.nativescript.org) with reproduction of the problem. If not, consider attaching a sample project or link to a repository with such project. --\u003e\r\n\r\nhttps://github.com/beeman/nativescript-bottom-nav-issue\r\n\r\n**Additional context**\r\n\u003c!-- Add any other context about the problem here. --\u003e\r\n\r\n\u003cdetails\u003e\r\n\u003csummary\u003eStacktrace\u003c/summary\u003e\r\n```\r\nSystem.err: An uncaught Exception occurred on \"main\" thread.\r\nSystem.err: Calling js method run failed\r\nSystem.err: Error: java.lang.IllegalStateException: The specified child already has a parent. You must call removeView() on the child's parent first.\r\nSystem.err:     android.view.ViewGroup.addViewInner(ViewGroup.java:5038)\r\nSystem.err:     android.view.ViewGroup.addView(ViewGroup.java:4869)\r\nSystem.err:     android.view.ViewGroup.addView(ViewGroup.java:4809)\r\nSystem.err:     android.view.ViewGroup.addView(ViewGroup.java:4782)\r\nSystem.err:     androidx.fragment.app.FragmentManagerImpl.moveToState(FragmentManager.java:1466)\r\nSystem.err:     androidx.fragment.app.FragmentManagerImpl.moveFragmentToExpectedState(FragmentManager.java:1784)\r\nSystem.err:     androidx.fragment.app.FragmentManagerImpl.moveToState(FragmentManager.java:1852)\r\nSystem.err:     androidx.fragment.app.FragmentManagerImpl.dispatchStateChange(FragmentManager.java:3269)\r\nSystem.err:     androidx.fragment.app.FragmentManagerImpl.dispatchActivityCreated(FragmentManager.java:3229)\r\nSystem.err:     androidx.fragment.app.Fragment.performActivityCreated(Fragment.java:2466)\r\nSystem.err:     androidx.fragment.app.FragmentManagerImpl.moveToState(FragmentManager.java:1483)\r\nSystem.err:     androidx.fragment.app.FragmentManagerImpl.moveFragmentToExpectedState(FragmentManager.java:1784)\r\nSystem.err:     androidx.fragment.app.BackStackRecord.executeOps(BackStackRecord.java:797)\r\nSystem.err:     androidx.fragment.app.FragmentManagerImpl.executeOps(FragmentManager.java:2625)\r\nSystem.err:     androidx.fragment.app.FragmentManagerImpl.executeOpsTogether(FragmentManager.java:2411)\r\nSystem.err:     androidx.fragment.app.FragmentManagerImpl.removeRedundantOperationsAndExecute(FragmentManager.java:2366)\r\nSystem.err:     androidx.fragment.app.FragmentManagerImpl.execSingleAction(FragmentManager.java:2243)\r\nSystem.err:     androidx.fragment.app.BackStackRecord.commitNowAllowingStateLoss(BackStackRecord.java:654)\r\nSystem.err:     com.tns.Runtime.callJSMethodNative(Native Method)\r\nSystem.err:     com.tns.Runtime.dispatchCallJSMethodNative(Runtime.java:1209)\r\nSystem.err:     com.tns.Runtime.callJSMethodImpl(Runtime.java:1096)\r\nSystem.err:     com.tns.Runtime.callJSMethod(Runtime.java:1083)\r\nSystem.err:     com.tns.Runtime.callJSMethod(Runtime.java:1063)\r\nSystem.err:     com.tns.Runtime.callJSMethod(Runtime.java:1055)\r\nSystem.err:     com.tns.gen.java.lang.Runnable.run(Runnable.java:17)\r\nSystem.err:     android.os.Handler.handleCallback(Handler.java:873)\r\nSystem.err:     android.os.Handler.dispatchMessage(Handler.java:99)\r\nSystem.err:     android.os.Looper.loop(Looper.java:201)\r\nSystem.err:     android.app.ActivityThread.main(ActivityThread.java:6810)\r\nSystem.err:     java.lang.reflect.Method.invoke(Native Method)\r\nSystem.err:     com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:547)\r\nSystem.err:     com.android.internal.os.ZygoteInit.main(ZygoteInit.java:873)\r\nSystem.err:\r\nSystem.err: StackTrace:\r\nSystem.err:     push.../node_modules/tns-core-modules/ui/bottom-navigation/bottom-navigation.js.BottomNavigation.commitCurrentTransaction(file:///node_modules/tns-core-modules/ui/bottom-navigation/bottom-navigation.js:315:0)\r\nSystem.err:     at push.../node_modules/tns-core-modules/ui/bottom-navigation/bottom-navigation.js.BottomNavigation.changeTab(file:///node_modules/tns-core-modules/ui/bottom-navigation/bottom-navigation.js:329:0)\r\nSystem.err:     at push.../node_modules/tns-core-modules/ui/bottom-navigation/bottom-navigation.js.BottomNavigation.onLoaded(file:///node_modules/tns-core-modules/ui/bottom-navigation/bottom-navigation.js:259:0)\r\nSystem.err:     at (file:///node_modules/tns-core-modules/ui/core/view-base/view-base.js:312:75)\r\nSystem.err:     at push.../node_modules/tns-core-modules/ui/core/view-base/view-base.js.ViewBase.callFunctionWithSuper(file:///node_modules/tns-core-modules/ui/core/view-base/view-base.js:305:0)\r\nSystem.err:     at push.../node_modules/tns-core-modules/ui/core/view-base/view-base.js.ViewBase.callLoaded(file:///node_modules/tns-core-modules/ui/core/view-base/view-base.js:312:0)\r\nSystem.err:     at push.../node_modules/tns-core-modules/ui/frame/frame.js.ActivityCallbacksImplementation.resetActivityContent(file:///node_modules/tns-core-modules/ui/frame/frame.js:950:0)\r\nSystem.err:     at _resetRootView(file:///node_modules/tns-core-modules/application/application.js:149:0)\r\nSystem.err:     at push.../node_modules/nativescript-angular/platform-common.js.NativeScriptPlatformRef._livesync(file:///node_modules/nativescript-angular/platform-common.js:273:0)\r\nSystem.err:     at (file:///node_modules/nativescript-angular/platform-common.js:102:74)\r\nSystem.err:     at push.../node_modules/nativescript-angular/zone-js/dist/zone-nativescript.js.ZoneDelegate.invokeTask(file:///node_modules/nativescript-angular/zone-js/dist/zone-nativescript.js:421:0)\r\nSystem.err:     at push.../node_modules/nativescript-angular/zone-js/dist/zone-nativescript.js.Zone.runTask(file:///node_modules/nativescript-angular/zone-js/dist/zone-nativescript.js:188:0)\r\nSystem.err:     at push.../node_modules/nativescript-angular/zone-js/dist/zone-nativescript.js.ZoneTask.invokeTask(file:///node_modules/nativescript-angular/zone-js/dist/zone-nativescript.js:496:0)\r\nSystem.err:     at ZoneTask.invoke(file:///node_modules/nativescript-angular/zone-js/dist/zone-nativescript.js:485:0)\r\nSystem.err:     at timer(file:///node_modules/nativescript-angular/zone-js/dist/zone-nativescript.js:1561:0)\r\nSystem.err:     at invoke(file:///node_modules/tns-core-modules/timer/timer.js:20:30)\r\nSystem.err:     at push.../node_modules/nativescript-angular/zone-js/dist/zone-nativescript.js.ZoneDelegate.invoke(file:///node_modules/nativescript-angular/zone-js/dist/zone-nativescript.js:388:0)\r\nSystem.err:     at push.../node_modules/nativescript-angular/zone-js/dist/zone-nativescript.js.Zone.runGuarded(file:///node_modules/nativescript-angular/zone-js/dist/zone-nativescript.js:151:0)\r\nSystem.err:     at (file:///node_modules/nativescript-angular/zone-js/dist/zone-nativescript.js:129:0)\r\nSystem.err:     at run(file:///node_modules/tns-core-modules/timer/timer.js:24:0)\r\nSystem.err:     at com.tns.Runtime.callJSMethodNative(Native Method)\r\nSystem.err:     at com.tns.Runtime.dispatchCallJSMethodNative(Runtime.java:1209)\r\nSystem.err:     at com.tns.Runtime.callJSMethodImpl(Runtime.java:1096)\r\nSystem.err:     at com.tns.Runtime.callJSMethod(Runtime.java:1083)\r\nSystem.err:     at com.tns.Runtime.callJSMethod(Runtime.java:1063)\r\nSystem.err:     at com.tns.Runtime.callJSMethod(Runtime.java:1055)\r\nSystem.err:     at com.tns.gen.java.lang.Runnable.run(Runnable.java:17)\r\nSystem.err:     at android.os.Handler.handleCallback(Handler.java:873)\r\nSystem.err:     at android.os.Handler.dispatchMessage(Handler.java:99)\r\nSystem.err:     at android.os.Looper.loop(Looper.java:201)\r\nSystem.err:     at android.app.ActivityThread.main(ActivityThread.java:6810)\r\nSystem.err:     at java.lang.reflect.Method.invoke(Native Method)\r\nSystem.err:     at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:547)\r\nSystem.err:     at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:873)\r\nSystem.err: Caused by: java.lang.IllegalStateException: The specified child already has a parent. You must call removeView() on the child's parent first.\r\nSystem.err:     at android.view.ViewGroup.addViewInner(ViewGroup.java:5038)\r\nSystem.err:     at android.view.ViewGroup.addView(ViewGroup.java:4869)\r\nSystem.err:     at android.view.ViewGroup.addView(ViewGroup.java:4809)\r\nSystem.err:     at android.view.ViewGroup.addView(ViewGroup.java:4782)\r\nSystem.err:     at androidx.fragment.app.FragmentManagerImpl.moveToState(FragmentManager.java:1466)\r\nSystem.err:     at androidx.fragment.app.FragmentManagerImpl.moveFragmentToExpectedState(FragmentManager.java:1784)\r\nSystem.err:     at androidx.fragment.app.FragmentManagerImpl.moveToState(FragmentManager.java:1852)\r\nSystem.err:     at androidx.fragment.app.FragmentManagerImpl.dispatchStateChange(FragmentManager.java:3269)\r\nSystem.err:     at androidx.fragment.app.FragmentManagerImpl.dispatchActivityCreated(FragmentManager.java:3229)\r\nSystem.err:     at androidx.fragment.app.Fragment.performActivityCreated(Fragment.java:2466)\r\nSystem.err:     at androidx.fragment.app.FragmentManagerImpl.moveToState(FragmentManager.java:1483)\r\nSystem.err:     at androidx.fragment.app.FragmentManagerImpl.moveFragmentToExpectedState(FragmentManager.java:1784)\r\nSystem.err:     at androidx.fragment.app.BackStackRecord.executeOps(BackStackRecord.java:797)\r\nSystem.err:     at androidx.fragment.app.FragmentManagerImpl.executeOps(FragmentManager.java:2625)\r\nSystem.err:     at androidx.fragment.app.FragmentManagerImpl.executeOpsTogether(FragmentManager.java:2411)\r\nSystem.err:     at androidx.fragment.app.FragmentManagerImpl.removeRedundantOperationsAndExecute(FragmentManager.java:2366)\r\nSystem.err:     at androidx.fragment.app.FragmentManagerImpl.execSingleAction(FragmentManager.java:2243)\r\nSystem.err:     at androidx.fragment.app.BackStackRecord.commitNowAllowingStateLoss(BackStackRecord.java:654)\r\nSystem.err:     ... 14 more\r\n\r\n```\r\n\u003c/details\u003e\r\n\r\n![image](https://user-images.githubusercontent.com/36491/65917354-c91c7700-e39c-11e9-8e73-665fe4c54011.png)\r\n\r\n\r\n","author":{"url":"https://github.com/beeman","@type":"Person","name":"beeman"},"datePublished":"2019-09-30T21:12:42.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":3},"url":"https://github.com/7884/NativeScript/issues/7884"}