Question: I have a camera set up in LibGDX which draws what is a HUD-like layer of buttons and status. In the middle of this, I want a block of text, which could be longer than the screen, so I want to be able to pan around it using gestures. 

I was thinking, the way to do this would be to define a second camera, with an large viewport, i.e.:

```
    textCamera = new OrthographicCamera(Gdx.graphics.getWidth(), Gdx.graphics.getHeight());
    textCamera.setToOrtho(true, Gdx.graphics.getWidth(), Gdx.graphics.getHeight());

```

And then apply it to my batch before writing out the bulk of the text. However, how can I restrict it such that this textCamera will only ever draw contents to the screen between, say, (0, 100) -> (600, 800). In this case the screen width, just for example, is 600 wide, and the height is maybe 1000 so I want to leave a gap at the top and bottom. 

So, basically I want a big viewport, write all text out to viewport, be able to view it at 1:1 scale, but also be able to pan around the text. Just like you do when you pan up and down a website while surfing on an Android.

Answer: 
that's possible. just create a js file with this pattern:

```
'use strict';

var React = require('react-native');

var myStyles = React.StyleSheet.create({
   style1: { },
   style2: { }
)}

module.exports = myStyles;

```

then in your component js use require to use that style sheet e.g. assuming your style js file is named phongyewtong.js

```
var s = require('../the/path/to/phongyewtong');

```

usage:

```
<View style = {s.style1} />

```
In a more recent React Version (0.31) I used this code:

```
import React, { Component, PropTypes } from 'react';
import { StyleSheet } from 'react-native';

var styles = StyleSheet.create({
  ...
});

module.exports = styles;

```