Fix layout on chart view

2018-08-22 13:05:28 +02:00
parent 6876876d40
commit db4d82e945
1 changed files with 18 additions and 16 deletions
@@ -1,5 +1,5 @@
 import React, { Component } from 'react'
-import { View, FlatList } from 'react-native'
+import { View, FlatList, ScrollView } from 'react-native'
 import range from 'date-range'
 import { LocalDate } from 'js-joda'
 import { yAxis, normalizeToScale, horizontalGrid } from './y-axis'
@@ -41,21 +41,23 @@ export default class CycleChart extends Component {

  render() {
    return (
-      <View style={{ flexDirection: 'row', marginTop: 50 }}>
-        {yAxisView}
-        {horizontalGrid}
-        {<FlatList
-          horizontal={true}
-          inverted={true}
-          showsHorizontalScrollIndicator={false}
-          data={this.state.columns}
-          renderItem={this.renderColumn}
-          keyExtractor={item => item.dateString}
-          initialNumToRender={15}
-          maxToRenderPerBatch={5}
-        >
-        </FlatList>}
-      </View>
+      <ScrollView>
+        <View style={{ flexDirection: 'row', marginTop: 50 }}>
+          {yAxisView}
+          {horizontalGrid}
+          {<FlatList
+            horizontal={true}
+            inverted={true}
+            showsHorizontalScrollIndicator={false}
+            data={this.state.columns}
+            renderItem={this.renderColumn}
+            keyExtractor={item => item.dateString}
+            initialNumToRender={15}
+            maxToRenderPerBatch={5}
+          >
+          </FlatList>}
+        </View>
+      </ScrollView>
    )
  }
 }