fix: 优化情绪格子的样式

oh-bear · Jan 13, 2019 · fcea3e5 · fcea3e5
1 parent 9aec313
commit fcea3e5
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/...codeproj/project.xcworkspace/xcuserdata/airing.xcuserdatad/UserInterfaceState.xcuserstate b/...codeproj/project.xcworkspace/xcuserdata/airing.xcuserdatad/UserInterfaceState.xcuserstate
diff --git a/src/containers/profile/ProfileMode.js b/src/containers/profile/ProfileMode.js
@@ -139,6 +139,7 @@ export default class ProfileMode extends Component {
       calendarHeatMapValue.push(heatmapValue)
     }
 
+    // 单独 setState 是为了保证情绪格子的数目能先于数据确定下来，避免渲染错误
     this.setState({
       numDays: Math.ceil((Date.now() - startTime) / (24 * 60 * 60 * 1000)) < 240 ? 240 : Math.ceil((Date.now() - startTime) / (24 * 60 * 60 * 1000)),
     })
@@ -609,8 +610,8 @@ const styles = StyleSheet.create({
   heatmap_container: {
     flexDirection: 'row',
     alignItems: 'center',
-    // width: 0.95 * WIDTH,
-    // marginLeft: 0.04 * WIDTH,
+    marginLeft: 0.04 * WIDTH,
+    marginRight: 0.04 * WIDTH,
     marginTop: getResponsiveWidth(24)
   },
   total_container: {