Изменить цвет фона выбранного элемента в ListView в Nativescript- vue - PullRequest
0 голосов
/ 22 марта 2020

Я хочу изменить цвет фона выбранного элемента в ListView в Nativescript- vue. В настоящее время, когда я щелкаю по элементу, он «мигает» серым, как если бы он был выбран, но сразу возвращается к белому фону.

Моя конечная цель - создать список, по которому пользователь может прокручивать, выберите элемент , а затем нажмите кнопку «Изменить». Визуальная подсказка для того, какой предмет был выбран, является критической.

Рендеринг:

<template>
    <page class="page" >

        <ActionBar class="action-bar">
            <Label class="action-bar-title" text="Manage Accounts"></Label>
        </ActionBar>

        <StackLayout>
            <Button text="Add" />

            <ListView for="account in accountsList" @itemTap="onItemTap" class="h2" style="height:150px">
                <v-template>
                    <FlexboxLayout flexDirection="row">
                        <Label :text="account.name" />
                    </FlexboxLayout>
                </v-template>
            </ListView>

            <!-- <ListPicker :items="accountsList" v-model="selectedItem" /> -->
            <Button text="Edit" @tap="tapEdit" />
            <Button text="Return" @tap="returnButton" />
        </StackLayout>
    </page>
</template>

Метод:

onItemTap(event) {
                    const itemIndex = event.index;
                    // this.accounts[event.index].bgColor = "#3489db";
                    console.log(itemIndex);
                }

Копая дальше через стеки, я столкнулся с этой проблемой / решение - Как я могу изменить цвет / backgroundColor элемента списка в nativescript- vue? , что похоже на то, что я ищу. Мне не хватает очков для публикации комментария, но если кто-то знает, как Луи решил проблему, это, вероятно, было бы идеально. Следование его связанному решению приводит к специфике Ios в более традиционном приложении NS, и в настоящее время я лишь слегка знаком со вкусом NS- vue.

Спасибо.

...