From db4d82e945aabc778a093697cc8854a16c687875 Mon Sep 17 00:00:00 2001
From: Julia Friesel <julia.friesel@gmail.com>
Date: Wed, 22 Aug 2018 13:05:28 +0200
Subject: [PATCH] Fix layout on chart view
---
components/chart/chart.js | 34 ++++++++++++++++++----------------
1 file changed, 18 insertions(+), 16 deletions(-)
diff --git a/components/chart/chart.js b/components/chart/chart.js
index d31b128a..c9c2b1d3 100644
--- a/components/chart/chart.js
+++ b/components/chart/chart.js
@@ -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>
)
}
}
--
GitLab