text: 
  import React from 'react';
  import {ScrollView} from 'react-native'
  import * as RebassNative from 'rebass-native'
  
  export class PreScreen extends React.Component {
    static navigationOptions = {
      title: 'Pre',
    };
    render () {
      return (
        <ScrollView>
          <RebassNative.Subhead mx={4} my={2}>Demo</RebassNative.Subhead>
          <RebassNative.Banner bg="white">
          <RebassNative.Pre
    children="const hello = 'Rebass'"
  />
  
          </RebassNative.Banner>
  
          <RebassNative.Subhead mx={4} my={2}>Code</RebassNative.Subhead>
          <RebassNative.Code bg="black" color="lime" p={4}>{`<Pre
    children="const hello = 'Rebass'"
  />
  `}</RebassNative.Code>
  
          <RebassNative.Subhead mx={4} my={2}>Inheritance</RebassNative.Subhead>
          <RebassNative.Flex px={4} flexDirection="row"></RebassNative.Flex>
  
          <RebassNative.Subhead mx={4} my={2}>Props</RebassNative.Subhead>
          <RebassNative.Row flexWrap="wrap" justifyContent="space-between" px={4}>
  
      <RebassNative.Column flexGrow={1} width={1/3}>
          <RebassNative.Lead>prop</RebassNative.Lead>
        </RebassNative.Column>
  <RebassNative.Column flexGrow={1} width={1/3}>
          <RebassNative.Lead>default</RebassNative.Lead>
        </RebassNative.Column>
  <RebassNative.Column flexGrow={1} width={1/3}>
          <RebassNative.Lead>theme key</RebassNative.Lead>
        </RebassNative.Column>
    
  
      <RebassNative.Column flexGrow={1} width={1/3}>fontSize</RebassNative.Column>
  <RebassNative.Column flexGrow={1} width={1/3}>1</RebassNative.Column>
  <RebassNative.Column flexGrow={1} width={1/3}>fontSizes</RebassNative.Column>
      
  
      <RebassNative.Column flexGrow={1} width={1/3}>fontFamily</RebassNative.Column>
  <RebassNative.Column flexGrow={1} width={1/3}>monospace</RebassNative.Column>
  <RebassNative.Column flexGrow={1} width={1/3}>fonts</RebassNative.Column>
      
  
      <RebassNative.Column flexGrow={1} width={1/3}>m</RebassNative.Column>
  <RebassNative.Column flexGrow={1} width={1/3}></RebassNative.Column>
  <RebassNative.Column flexGrow={1} width={1/3}>space</RebassNative.Column>
      
  
      <RebassNative.Column flexGrow={1} width={1/3}>mt</RebassNative.Column>
  <RebassNative.Column flexGrow={1} width={1/3}></RebassNative.Column>
  <RebassNative.Column flexGrow={1} width={1/3}>space</RebassNative.Column>
      
  
      <RebassNative.Column flexGrow={1} width={1/3}>mr</RebassNative.Column>
  <RebassNative.Column flexGrow={1} width={1/3}></RebassNative.Column>
  <RebassNative.Column flexGrow={1} width={1/3}>space</RebassNative.Column>
      
  
      <RebassNative.Column flexGrow={1} width={1/3}>mb</RebassNative.Column>
  <RebassNative.Column flexGrow={1} width={1/3}></RebassNative.Column>
  <RebassNative.Column flexGrow={1} width={1/3}>space</RebassNative.Column>
      
  
      <RebassNative.Column flexGrow={1} width={1/3}>ml</RebassNative.Column>
  <RebassNative.Column flexGrow={1} width={1/3}></RebassNative.Column>
  <RebassNative.Column flexGrow={1} width={1/3}>space</RebassNative.Column>
      
  
      <RebassNative.Column flexGrow={1} width={1/3}>mx</RebassNative.Column>
  <RebassNative.Column flexGrow={1} width={1/3}></RebassNative.Column>
  <RebassNative.Column flexGrow={1} width={1/3}>space</RebassNative.Column>
      
  
      <RebassNative.Column flexGrow={1} width={1/3}>my</RebassNative.Column>
  <RebassNative.Column flexGrow={1} width={1/3}></RebassNative.Column>
  <RebassNative.Column flexGrow={1} width={1/3}>space</RebassNative.Column>
      
  
      <RebassNative.Column flexGrow={1} width={1/3}>p</RebassNative.Column>
  <RebassNative.Column flexGrow={1} width={1/3}></RebassNative.Column>
  <RebassNative.Column flexGrow={1} width={1/3}>space</RebassNative.Column>
      
  
      <RebassNative.Column flexGrow={1} width={1/3}>pt</RebassNative.Column>
  <RebassNative.Column flexGrow={1} width={1/3}></RebassNative.Column>
  <RebassNative.Column flexGrow={1} width={1/3}>space</RebassNative.Column>
      
  
      <RebassNative.Column flexGrow={1} width={1/3}>pr</RebassNative.Column>
  <RebassNative.Column flexGrow={1} width={1/3}></RebassNative.Column>
  <RebassNative.Column flexGrow={1} width={1/3}>space</RebassNative.Column>
      
  
      <RebassNative.Column flexGrow={1} width={1/3}>pb</RebassNative.Column>
  <RebassNative.Column flexGrow={1} width={1/3}></RebassNative.Column>
  <RebassNative.Column flexGrow={1} width={1/3}>space</RebassNative.Column>
      
  
      <RebassNative.Column flexGrow={1} width={1/3}>pl</RebassNative.Column>
  <RebassNative.Column flexGrow={1} width={1/3}></RebassNative.Column>
  <RebassNative.Column flexGrow={1} width={1/3}>space</RebassNative.Column>
      
  
      <RebassNative.Column flexGrow={1} width={1/3}>px</RebassNative.Column>
  <RebassNative.Column flexGrow={1} width={1/3}></RebassNative.Column>
  <RebassNative.Column flexGrow={1} width={1/3}>space</RebassNative.Column>
      
  
      <RebassNative.Column flexGrow={1} width={1/3}>py</RebassNative.Column>
  <RebassNative.Column flexGrow={1} width={1/3}></RebassNative.Column>
  <RebassNative.Column flexGrow={1} width={1/3}>space</RebassNative.Column>
      
  
      <RebassNative.Column flexGrow={1} width={1/3}>color</RebassNative.Column>
  <RebassNative.Column flexGrow={1} width={1/3}></RebassNative.Column>
  <RebassNative.Column flexGrow={1} width={1/3}>colors</RebassNative.Column>
      
  
      <RebassNative.Column flexGrow={1} width={1/3}>bg</RebassNative.Column>
  <RebassNative.Column flexGrow={1} width={1/3}></RebassNative.Column>
  <RebassNative.Column flexGrow={1} width={1/3}>colors</RebassNative.Column>
      
  </RebassNative.Row>
        </ScrollView>
      )
    }
  }
      