martin/databag
1
0
Fork 0
mirror of https://github.com/balzack/databag.git synced 2025-02-12 03:29:16 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

optimizing logo re-render

Browse Source
This commit is contained in:
balzack 2022-10-15 10:02:43 -07:00
parent 66813dc601
commit 3107e409b5
1 changed files with 15 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
app/mobile/src/utitls/Logo.jsx
View File

@ -1,3 +1,4 @@
import { useState } from 'react';
import { Image, View } from 'react-native'; import { Image, View } from 'react-native';
import avatar from 'images/avatar.png'; import avatar from 'images/avatar.png';
import appstore from 'images/appstore.png'; import appstore from 'images/appstore.png';
@ -5,25 +6,32 @@ import solution from 'images/solution.png';
import team from 'images/team.png'; import team from 'images/team.png';
export function Logo({ src, width, height, radius }) { export function Logo({ src, width, height, radius }) {
const [source, setSource] = useState(null);
if (src != source) {
setSource(src);
}
return ( return (
<View style={{ borderRadius: radius, overflow: 'hidden', width, height }}> <View style={{ borderRadius: radius, overflow: 'hidden', width, height }}>
{ src === 'team' && ( { source === 'team' && (
<Image source={team} style={{ width, height }} /> <Image source={team} style={{ width, height }} />
)} )}
{ src === 'avatar' && ( { source === 'avatar' && (
<Image source={avatar} style={{ width, height }} /> <Image source={avatar} style={{ width, height }} />
)} )}
{ src === 'appstore' && ( { source === 'appstore' && (
<Image source={appstore} style={{ width, height }} /> <Image source={appstore} style={{ width, height }} />
)} )}
{ src === 'solution' && ( { source === 'solution' && (
<Image source={solution} style={{ width, height }} /> <Image source={solution} style={{ width, height }} />
)} )}
{ !src && ( { !source && (
<Image source={avatar} style={{ width, height }} /> <Image source={avatar} style={{ width, height }} />
)} )}
{ src && src.startsWith('http') && ( { source && source.startsWith('http') && (
<Image source={{ uri:src }} resizeMode={'contain'} style={{ width, height }} /> <Image source={{ uri:source }} resizeMode={'contain'} style={{ width, height }} />
)} )}
</View> </View>
); );