Реактивно-родной аватар.Исправьте ImageRadius, чтобы сделать все аватары равными - PullRequest
Новая
       18

Реактивно-родной аватар.Исправьте ImageRadius, чтобы сделать все аватары равными

0 голосов
/ 20 мая 2019

Фокусировка только в renderItem и FlatList.Аватары отображаются следующим образом.

Некоторые круги, некоторые с закругленными углами, а аватар defaultSource - квадраты.

Не удается найти решение.

I 'Я пытался использовать borderRadius в качестве графического объекта вместо использования стиля изображения. 

renderItem = ({item}) => (
        <ListItem
            bottomDivider={true}
            Component={TouchableScale}
            friction={90}
            tension={100}
            activeScale={0.95}
            title={item.name}
            titleStyle={styles.titleStyle}
            subtitle={item.email}
            subtitleStyle={styles.subStyle}
            leftAvatar={<Image source={{uri: 'my URL'}}
                               defaultSource={require('../resources/defaultAvatar.png')}
                               style={{width: 45, height: 45, borderRadius: 80}}
                               resizeMode={'contain'}/>}
            onPress={() => this.onUserPress(item)}
            chevronColor="white"
            chevron
        />
    )

    render() {
        const {search} = this.state;
        return (
            <View>
                <SearchBar
                    platform={"ios"}
                    ref={search => this.search = search}
                    placeholder={'Escrever aqui...'}
                    color={'#808080'}
                    onChangeText={this.SearchFilterFunction}
                    value={search}
                    round={true}
                    inputStyle={{fontSize: 16}}
                    inputContainerStyle={{height: 35}}
                    containerStyle={{height: 53}}
                    showLoading={true}
                />
                <FlatList
                    data={this.state.usersFilter.sort((a, b) => a.name.toString().localeCompare(b.name))}
                    renderItem={this.renderItem}
                    keyExtractor={this.keyExtractor}
                />
            </View>
        );
    }

Я хотел бы, чтобы все аватары были правильно отформатированы.

Я загрузил приложение для печати в комментариях!

1 Ответ

0 голосов
/ 21 мая 2019 
import { Platform } from 'react-native';

borderRadius: Platform.OS === 'ios' ? 60 : 100

Попробуйте, у меня все работает нормально.

...