react-native-theme-example/ThemeExample.js at master · apentle/react-native-theme-example · GitHub

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
32
33
34
35
36
37
38
39
'use strict';

import React, {
  Component,
} from 'react';
import {
  Text,
  View,
  TouchableOpacity,
} from 'react-native';

import {styles} from 'react-native-theme';

class ThemeExample extends Component {
  render() {
    return (
      <View class='container'>
        <Text class="header">
          Header Title
        </Text>
        <View class="body">
          <Text class="content">
            <Text class="strong">react-native-theme</Text> helps you manage your application theme. Separate style files and switch theme at runtime...
          </Text>
          <TouchableOpacity>
            <View class="button">
              <Text class="label">OK</Text>
            </View>
          </TouchableOpacity>
        </View>
        <Text class="footer">
          Footer
        </Text>
      </View>
    );
  }
}

module.exports = ThemeExample;