erica mitchell
Founder, blackGirlsCode(2), Javascript Enthusiast
Frontend developer, veteran, user advocate.
#rnforwebdevs
@duggiemitchell
@duggiemitchell
#rnforwebdevs
@duggiemitchell
#rnforwebdevs
@duggiemitchell
#rnforwebdevs
@duggiemitchell
#rnforwebdevs
import React, { Component } from 'react';
import {
AppRegistry, Text, View,Platform,
StyleSheet
} from 'react-native';
type Props = {
name: string
};
const styles = StyleSheet.create({
greeting: {
alignItems: 'center'
},
names: {
alignItems: 'center',
top: 50
},
});
const Greeting: React.FunctionComponent<Props> = ({name}) => {
return (
<View style={styles.greeting}>
<Text>Hello {name}!</Text>
</View>
);
}
const App = <Greeting name="Erica"/>
export default class FlexDimensionsBasics extends Component {
render() {
return (
// Try removing the `flex: 1` on the parent View.
// The parent will not have dimensions,
// so the children can't expand.
<View style={{flex: 1}}>
<View style={{flex: 1, backgroundColor: 'powderblue'}} />
<View style={{flex: 2, backgroundColor: 'skyblue'}} />
<View style={{flex: 3, backgroundColor: 'steelblue'}} />
</View>
);
}
}
A free and open source toolchain built around React Native to help you build native iOS and Android apps using JavaScript and React.
#rnforwebdevs
@duggiemitchell
#rnforwebdevs
@duggiemitchell
Best courses to learn React Native
React Native Docs
@duggiemitchell
#rnforwebdevs
Reactiflux Discord Community
Coding Prompts for your portfolio
https://bit.ly/2X9TzAV
By erica mitchell
CSG August Lightening Talks
Founder, blackGirlsCode(2), Javascript Enthusiast