Я хочу изменить цвет фона выбранного элемента в 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.
Спасибо.