我试图控制 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)