小编Sol*_*lly的帖子

React Native Elements ListItem borderBottom 长度控制

我试图控制 ListItem 上 BottomBorder 的长度,listItem 在列表组件内呈现,浏览文档我能找到的唯一方法是通过 borderBottomStartRadius ,它正在工作并实现所需的整体外观。但从 UI 的角度来看,它看起来并不完美。

这是我的代码片段:

import React, { Component } from 'react';
import {
    StyleSheet,
    View,
    Image,
    Text
} from 'react-native';
import {
    List,
    ListItem,
    Avatar,
    Header
} from 'react-native-elements';


class HomePage extends Component {
    render() {
        return (
            <View style={styles.container}>
                <Header
                    leftComponent={<Image source={require('../../../images/avtar_logo.png')} />}
                    centerComponent={{ text: 'DAWI', style: { color: '#fff', fontSize: 20, fontWeight: '500', fontFamily: 'Roboto' } }}
                    rightComponent={{ icon: 'notifications', color: '#fff' }}
                    outerContainerStyles={{ backgroundColor: '#40beb3' }}
                    innerContainerStyles={{ justifyContent: 'space-between' }} …
Run Code Online (Sandbox Code Playgroud)

user-interface react-native

5
推荐指数
0
解决办法
2164
查看次数

标签 统计

react-native ×1

user-interface ×1