Listview 后台问题

Posted 2023-04-14

【中文标题】Listview 后台问题

【英文标题】：Listview background issues

【发布时间】：2020-04-10 07:11:39

【问题描述】：

如何更改 Listview 的白色背景。 如果您拉入列表，您会看到白色背景，列表视图底部还有一个小白色边框。在android中，我们没有那个我需要改变什么才能看不到那个白色边框？

详情见gif。 Android图片在gif下。 Listview的代码在底部。

<FlexboxLayout dock="center" class="menu-center" separatorColor="#1a0dab">
     <ListView for="(item, index) in languages" ref="listview" @itemTap="onItemTap" @itemLoading="onItemLoading">
             <v-template>
                 <FlexboxLayout class="element">
                     <Label class="top-text" :text="item.nameNative"></Label>
                 </FlexboxLayout>
             </v-template>
     </ListView>
</FlexboxLayout>


.menu-center
        flex-direction: column;
    

.menu-center .element
        padding-top: 20%;
        flex-direction: column;
        align-items: center;
        background-color: #1a0dab;

【问题讨论】：

尝试在 ListView 本身上设置背景颜色。

谢谢，我为什么不尝试。我几乎尝试了除此之外的一切。非常感谢！

【参考方案1】：

感谢@Manoj

为ListView 本身添加背景颜色

<FlexboxLayout dock="center" class="menu-center" separatorColor="#1a0dab">
    <ListView for="(item, index) in languages" ref="listview" class="listView" @itemTap="onItemTap" @itemLoading="onItemLoading">
        <v-template>
            <FlexboxLayout class="element">
                <Label class="top-text" :text="item.nameNative"></Label>
            </FlexboxLayout>
        </v-template>
    </ListView>
</FlexboxLayout>

.menu-center .listView
    background-color: #1a0dab;