-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.js
31 lines (29 loc) · 980 Bytes
/
App.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
import React, { Component } from 'react';
import styled from 'styled-components';
import { Platform, SafeAreaView, ScrollView } from 'react-native';
const StyledText = styled.Text`
font-size: ${({ emoji }) => (emoji ? '50px' : '22px')};
min-height: 300px;
min-width: 150px;
background-color: ${({ background }) => background};
`;
export default class App extends Component {
render() {
return (
<SafeAreaView>
<ScrollView>
<StyledText background="lightcoral">Hello</StyledText>
<StyledText background="aquamarine">Dev</StyledText>
<StyledText background="lightslategray">Austausch</StyledText>
<StyledText background="peachpuff">People</StyledText>
<StyledText background="gold" emoji>
🤖
</StyledText>
{Platform.OS === 'ios' && (
<StyledText background="green">Beep bop</StyledText>
)}
</ScrollView>
</SafeAreaView>
);
}
}