From 9e970b3c3438b95d9058c7146614194bd3fa0817 Mon Sep 17 00:00:00 2001
From: Nicolas Gallagher <nicolasgallagher@gmail.com>
Date: Sat, 16 Jul 2016 19:26:59 -0700
Subject: [PATCH] Better layout for Text examples

---
 examples/.storybook/decorator-centered.js | 8 ++++++--
 examples/Text/TextExample.js              | 3 ++-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/examples/.storybook/decorator-centered.js b/examples/.storybook/decorator-centered.js
index b1d7978e..8c58ddc1 100644
--- a/examples/.storybook/decorator-centered.js
+++ b/examples/.storybook/decorator-centered.js
@@ -9,6 +9,10 @@ const styles = StyleSheet.create({
   }
 });
 
-export default function (storyFn) {
-  return <View style={[ StyleSheet.absoluteFill, styles.root ]}>{storyFn()}</View>;
+export default function (renderStory) {
+  return (
+    <View style={[ StyleSheet.absoluteFill, styles.root ]}>
+      {renderStory()}
+    </View>
+  );
 }
diff --git a/examples/Text/TextExample.js b/examples/Text/TextExample.js
index 6da259f4..1f88736f 100644
--- a/examples/Text/TextExample.js
+++ b/examples/Text/TextExample.js
@@ -271,7 +271,7 @@ const examples = [
         <Text>
           auto (default) - english LTR
         </Text>
-        <Text>
+        <Text style={{ writingDirection: 'rtl' }}>
           أحب اللغة العربية auto (default) - arabic RTL
         </Text>
         <Text style={{textAlign: 'left'}}>
@@ -467,5 +467,6 @@ var styles = StyleSheet.create({
 
 examples.forEach((example) => {
   storiesOf('<Text>', module)
+    .addDecorator((renderStory) => <View style={{ width: 320 }}>{renderStory()}</View>)
     .add(example.title, () => example.render())
 })