Update docs to use StyleSheet.flatten for custom styles

Author: Raphael Freitas

README.md

@@ -55,7 +55,7 @@ import {
 import RNDraftJSRender from 'react-native-draftjs-render';
 import contentState from 'DraftJs/contentState';
 
-const styles = StyleSheet.create({
+const styles = StyleSheet.flatten({
   paragraph: {
     color: 'pink',
     fontSize: 18,

docs/CustomStyles.md

@@ -11,7 +11,7 @@ import {
 import RNDraftJSRender from 'react-native-draftjs-render';
 import contentState from 'DraftJs/contentState';
 
-const styles = StyleSheet.create({
+const styles = StyleSheet.flatten({ // Use .flatten over .create
   'header-one': {
     fontSize: 20,
   },

sample/src/index.js

@@ -26,7 +26,7 @@ const styles = StyleSheet.create({
   },
 });
 
-const customStyles = {
+const customStyles = StyleSheet.flatten({
   unstyled: {
     fontSize: 18,
     fontWeight: 'normal',
@@ -88,7 +88,7 @@ const customStyles = {
   viewAfterList: {
     marginBottom: 32,
   },
-};
+});
 
 const atomicHandler = (item: Object): any => {
   switch (item.data.type) {