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

View file

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