Use Image instead of avatar

This removes round corners
This commit is contained in:
Arnaud Vergnet 2020-08-09 20:47:41 +02:00
parent 14e5b01341
commit 835656bb30
2 changed files with 10 additions and 7 deletions

View file

@ -1,7 +1,7 @@
// @flow // @flow
import * as React from 'react'; import * as React from 'react';
import {FlatList, Linking, Platform} from 'react-native'; import {FlatList, Linking, Platform, Image} from 'react-native';
import i18n from 'i18n-js'; import i18n from 'i18n-js';
import {Avatar, Card, List, Title, withTheme} from 'react-native-paper'; import {Avatar, Card, List, Title, withTheme} from 'react-native-paper';
import {StackNavigationProp} from '@react-navigation/stack'; import {StackNavigationProp} from '@react-navigation/stack';
@ -222,10 +222,10 @@ class AboutScreen extends React.Component<PropsType> {
title="Campus" title="Campus"
subtitle={packageJson.version} subtitle={packageJson.version}
left={(iconProps: CardTitleIconPropsType): React.Node => ( left={(iconProps: CardTitleIconPropsType): React.Node => (
<Avatar.Image <Image
size={iconProps.size} size={iconProps.size}
source={APP_LOGO} source={APP_LOGO}
style={{backgroundColor: 'transparent'}} style={{width: iconProps.size, height: iconProps.size}}
/> />
)} )}
/> />

View file

@ -1,8 +1,8 @@
// @flow // @flow
import * as React from 'react'; import * as React from 'react';
import {Linking} from 'react-native'; import {Linking, Image} from 'react-native';
import {Avatar, Card, Text, withTheme} from 'react-native-paper'; import {Card, Text, withTheme} from 'react-native-paper';
import Autolink from 'react-native-autolink'; import Autolink from 'react-native-autolink';
import {StackNavigationProp} from '@react-navigation/stack'; import {StackNavigationProp} from '@react-navigation/stack';
import MaterialHeaderButtons, { import MaterialHeaderButtons, {
@ -78,10 +78,13 @@ class FeedItemScreen extends React.Component<PropsType> {
title={pageSource.name} title={pageSource.name}
subtitle={this.date} subtitle={this.date}
left={(): React.Node => ( left={(): React.Node => (
<Avatar.Image <Image
size={48} size={48}
source={pageSource.icon} source={pageSource.icon}
style={{backgroundColor: 'transparent'}} style={{
width: 48,
height: 48,
}}
/> />
)} )}
/> />