Fabio Mazucato fabiomazucato

Software Engineer | Front End | Mobile

fabiomazucato / view.js

Last active February 28, 2021 19:42

Skeleton - Parte 2 (view.js)

	import React from 'react'

	import { AnimatedView } from './styles'

	const Skeleton = (props) => {
	const {
	animation,
	marginHorizontal,
	marginVErtical,
	circle,

fabiomazucato / index.js

Last active February 28, 2021 19:04

Skeleton - Parte 2 (index.js)

	import { createElement, useState } from 'react'
	import { Animated, Easing } from 'react-native'

	import View from './view'

	const SkeletonContainer = (props) => {
	const { dimensions = [0, 0], circle = null, margin = [0, 0] } = props

	const [animation] = useState(new Animated.Value(0.1))

fabiomazucato / styles.js

Created December 28, 2020 03:06

Skeleton - Home (styles.js)

	import { StyleSheet } from 'react-native'
	import { Colors } from 'react-native/Libraries/NewAppScreen'

	const styles = StyleSheet.create({
	scrollView: {
	backgroundColor: Colors.lighter
	},
	engine: {
	position: 'absolute',
	right: 0

fabiomazucato / view.js

Created December 28, 2020 03:03

Skeleton - Home (view.js)

	import React from 'react'
	import { SafeAreaView, ScrollView, View, Text, StatusBar } from 'react-native'

	import {
	Header,
	LearnMoreLinks,
	Colors,
	DebugInstructions,
	ReloadInstructions
	} from 'react-native/Libraries/NewAppScreen'

fabiomazucato / index.js

Last active December 28, 2020 01:27

Skeleton - HomeLoading (index.js)

	import React from 'react'
	import { FlatList } from 'react-native'

	import Skeleton from 'components/skeleton'

	import { Container, WrapperHeader, Wrapper, Section } from './styles'

	const HomeLoading = () => {
	return (
	<Container>

fabiomazucato / view.js

Last active December 27, 2020 23:56

Skeleton - Parte 1 (view.js)

	import React from 'react'

	import { SkeletonArea } from './styles'

	const Skeleton = (props) => {
	const {
	marginHorizontal,
	marginVertical,
	circle,
	height,

fabiomazucato / index.js

Last active December 27, 2020 23:16

Skeleton - Parte 1 (index.js)

	import { createElement } from 'react'

	import View from './view'

	const SkeletonContainer = (props) => {
	const { dimensions = [0, 0], circle = null, margin = [0, 0] } = props

	const viewProps = {
	marginHorizontal: margin[0],
	marginVertical: margin[1],