Nativescript 使用底部导航导航时，radautocomplete菜单弹出打开

我在我的一个页面中有一个RadaAutoComplete，我正在我的应用程序中使用底部导航

第一次导航到该页面是可以的，但之后，当我导航到该页面时，建议菜单会自动弹出，就好像我在自动完成中键入了什么，但我没有。我甚至在表格中的上面加了一个文本字段来窃取焦点，但这并没有让事情变得更好

这是一个

如果将来游乐场休息：

App.vue

---

我想这是安卓特有的问题，iOS似乎工作正常。您可能会在Github上提出一个问题，同时一个可能的解决方法是在卸载的事件上设置建议视图的可见性，然后将其切换回textChanged事件

更新

更改可见性似乎隐藏了“建议”视图，但仍然占据相同的位置，因此“自动完成”字段下的组件将无法访问。我相信setSuggestionViewHeight。。。也许可以解决这个问题

---

是向前还是向后导航？你能不能设置一个游乐场，在那里可以重现这个问题。@转发，但这不是我打开应用程序后第一次打开页面。不，我不能设置游乐场，因为由于限制，它在我的国家不起作用。你可能已经知道，但你仍然可以使用VPN，有许多VPN，有些甚至是免费的-试试windscribe。@Manoj，VPN起作用了！非常感谢你。我做了一个游乐场的样品。这不是一个好的解决方案。它隐藏了建议，但没有关闭它。因此，建议视图的重影会阻止单击它下面的组件。事实上，这不是一个好的解决方案，而是一个解决方法。正如我已经提到的，这个插件不是开源的，所以很难找到一个好的解决方案。我鼓励您在插件团队的后续工作中提出Github问题。我还发现设置高度可能会起作用，似乎没有问题。

<template>
    <Page actionBarHidden="true">
        <BottomNavigation :selectedIndex="activePage">
            <TabStrip>
                <TabStripItem>
                    <label text="0" />
                </TabStripItem>
                <TabStripItem>
                    <label text="1" />
                </TabStripItem>
            </TabStrip>

            <TabContentItem>
                <button text="go to 1" @tap="activePage=1" />
            </TabContentItem>
            <TabContentItem>
                <StackLayout>
                    <TextField v-model="textFieldValue" hint="Enter text..."
                        backgroundColor="lightgray" />
                    <RadAutoCompleteTextView ref="autocomplete"
                        :items="choices" backgroundColor="lightgray"
                        completionMode="Contains" returnKeyType="done"
                        width="100%" borderRadius="5" />
                </StackLayout>
            </TabContentItem>
        </BottomNavigation>
    </Page>
</template>

<script>
    import {
        ObservableArray
    } from "tns-core-modules/data/observable-array";
    import {
        TokenModel
    } from "nativescript-ui-autocomplete";

    export default {
        data() {
            return {
                textFieldValue: "",
                choices: new ObservableArray(
                    ["one", "two", "three"].map(r => new TokenModel(r))
                ),
                activePage: 0
            };
        }
    };
</script>

<style scoped>
    TabContentItem>* {
        font-size: 30;
        text-align: center;
        vertical-align: center;
    }
</style>

import Vue from 'nativescript-vue';
import App from './components/App';

import RadAutoComplete from 'nativescript-ui-autocomplete/vue';
Vue.use(RadAutoComplete);

new Vue({ render: h => h('frame', [h(App)]) }).$start();