1import * as React from 'react';
2import { Text } from 'react-native';
3
4import { Page, Section } from '../components/Page';
5import Colors from '../constants/Colors';
6
7export default function TextScreen() {
8  const linkStyle = { color: Colors.tintColor, marginVertical: 3 };
9
10  return (
11    <Page>
12      <Section title="Default">
13        <Text>
14          All text in React Native on Android uses the native text component and supports a bunch of
15          useful properties.
16        </Text>
17        <Text style={linkStyle} onPress={() => alert('pressed!')}>
18          Press on this!
19        </Text>
20        <Text numberOfLines={1} ellipsizeMode="tail">
21          It's easy to limit the number of lines that some text can span and ellipsize it
22        </Text>
23      </Section>
24    </Page>
25  );
26}
27
28TextScreen.navigationOptions = {
29  title: 'Text',
30};
31