Merge pull request #104 from kadirahq/story-has-a-key

Added a View wrapper with a key prop
storybookjs · Oct 6, 2016 · a8469c9 · a8469c9
2 parents 9d3fb5b + a184356
commit a8469c9
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/src/preview/components/StoryView/index.js b/src/preview/components/StoryView/index.js
@@ -1,4 +1,6 @@
 import React, { Component } from 'react';
+import { View } from 'react-native';
+import style from './style';
 
 export default class StoryView extends Component {
   constructor(props, ...args) {
@@ -17,6 +19,10 @@ export default class StoryView extends Component {
     }
     const { kind, story } = this.state.selection;
     const context = { kind, story };
-    return this.state.storyFn(context);
+    return (
+      <View key={`${kind}:::${story}`} style={style.main}>
+        {this.state.storyFn(context)}
+      </View>
+    );
   }
 }
diff --git a/src/preview/components/StoryView/style.js b/src/preview/components/StoryView/style.js
@@ -0,0 +1,5 @@
+export default {
+  main: {
+    flex: 1,
+  },
+};