update

Author: BranLiang

README.md

@@ -31,3 +31,9 @@ const MyApp = () => (
 
 AppRegistry.registerComponent('MyApp', () => MyApp);
 ```
+
+UPDATE:
+## 1.0.1
+* Fix the image auto height crop problem.
+* Fix fontSize can not be over 14 bug.
+* Increase the Text padding size to 2.

src/components/AtomicView.js

@@ -30,9 +30,14 @@ const AtomicView = (props: AtomicViewPropsType): any => {
   }
   switch(entity.type) {
     case 'IMAGE': {
-      const inputImageStyle = {
-        height: entity.data.height === 'auto' ? 300 : Number(entity.data.height),
-        width: entity.data.width === 'auto' ? '100%' : Number(entity.data.width)
+      let inputImageStyle = {}
+      if (entity.data.height !== 'auto') {
+        inputImageStyle.height = Number(entity.data.height)
+      }
+      if (entity.data.width !== 'auto') {
+        inputImageStyle.width = Number(entity.data.width)
+      } else {
+        inputImageStyle.width = '100%'
       }
       return (
         <Image

src/components/TextStyled.js

@@ -36,25 +36,24 @@ const styles = StyleSheet.flatten({
   subscript: {
     // WIP
   },
-  "fontsize-14": {
-    fontSize: 20,
-    fontFamily: 'Georgia'
-  },
-  "fontsize-12": {
-    fontSize: 18
-  },
-  "fontsize-11": {
-    fontSize: 16
-  },
-  "fontsize-10": {
-    fontSize: 14
-  },
-  "fontsize-9": {
-    fontSize: 12
-  },
-  "fontsize-8": {
-    fontSize: 10
-  },
+  // "fontsize-14": {
+  //   fontSize: 20
+  // },
+  // "fontsize-12": {
+  //   fontSize: 18
+  // },
+  // "fontsize-11": {
+  //   fontSize: 16
+  // },
+  // "fontsize-10": {
+  //   fontSize: 14
+  // },
+  // "fontsize-9": {
+  //   fontSize: 12
+  // },
+  // "fontsize-8": {
+  //   fontSize: 10
+  // },
   "fontfamily-georgia": {
     fontFamily: Platform.OS === 'ios' ? 'Georgia' : 'sans-serif'
   },
@@ -73,19 +72,19 @@ const styles = StyleSheet.flatten({
 });
 
 const getStyles = (itemType: any, customStyles: Object): any => {
-  console.log(itemType)
-  console.log(itemType.includes('bgcolor'))
-  if (itemType.includes('bgcolor')) {
-    return [StyleSheet.flatten({
-      backgroundColor: itemType.split('-')[1]
-    }), customStyles[itemType]]
-  }
-  if (typeof itemType === 'string') return [styles[itemType], customStyles[itemType]];
+  console.log("ITEM TYPE", itemType)
+  // if (itemType.includes('bgcolor')) {
+  //   return [StyleSheet.flatten({
+  //     backgroundColor: itemType.split('-')[1]
+  //   }), customStyles[itemType]]
+  // }
+  // if (typeof itemType === 'string') return [styles[itemType], customStyles[itemType]];
 
   let defaultTextStyles = {};
   let customTextStyles = {};
   let bgcolorStyle = {}
   let colorStyle = {}
+  let fontsizeStyle = {}
   itemType.forEach((i: string) => {
     if (i.includes('bgcolor')) {
       bgcolorStyle = StyleSheet.flatten({
@@ -97,10 +96,17 @@ const getStyles = (itemType: any, customStyles: Object): any => {
         color: i.split('-')[1]
       })
     }
+    if (i.split('-')[0] === 'fontsize') {
+      let fontSize = Number(i.split('-')[1])
+      fontsizeStyle = StyleSheet.flatten({
+        lineHeight: fontSize + 10,
+        fontSize: fontSize
+      })
+    }
     Object.assign(defaultTextStyles, styles[i]);
     Object.assign(customTextStyles, customStyles[i]);
   });
-  const newStyles = [defaultTextStyles, customTextStyles, colorStyle, bgcolorStyle];
+  const newStyles = [defaultTextStyles, customTextStyles, colorStyle, bgcolorStyle, fontsizeStyle];
   return newStyles;
 };
 

src/components/defaultStyles.js

@@ -12,9 +12,11 @@ const defaultStyles = StyleSheet.create({
     fontWeight: 'normal',
   },
   unstyled: {
+    textAlign: 'justify',
+    lineHeight: 26,
     fontSize: 16,
-    paddingTop: 1,
-    paddingBottom: 1,
+    paddingTop: 10,
+    paddingBottom: 10,
     fontWeight: 'normal',
     fontFamily: 'PingFangSC-Regular'
   },

src/helpers/getItemType.js

@@ -5,9 +5,9 @@ const getItemType = (item: Object): string => {
     if (Array.isArray(item.style)) {
       return item.style.map((i: string): string => i.toLowerCase());
     }
-    return item.style.toLowerCase();
+    return [ item.style.toLowerCase() ];
   }
-  return '';
+  return [];
 };
 
 export default getItemType;

src/loadAttributes.js

@@ -34,8 +34,6 @@ const loadAttributes = (
   if (attributes.length) {
     const attrs = flatAttributesList(attributes);
 
-    console.log(attrs)
-
     if (attrs[0].offset > 0) {
       elementList.push(<Text key={generateKey()}>{text.substring(0, attrs[0].offset)}</Text>);
     }