minor reorg/cleanup

2026-11-11 07:29:14 +01:00 · 2022-04-28 15:41:45 +09:00
parent adcda47007
commit e40de711c1
29 changed files with 403 additions and 386 deletions
@@ -0,0 +1,31 @@
+import GradientImageBackground, { GradientImageBackgroundProps } from '@app/components/GradientImageBackground'
+import colors from '@app/styles/colors'
+import dimensions from '@app/styles/dimensions'
+import React from 'react'
+import { ScrollView, ScrollViewProps, useWindowDimensions } from 'react-native'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
+
+const GradientImageScrollView: React.FC<ScrollViewProps & GradientImageBackgroundProps> = props => {
+  const layout = useWindowDimensions()
+  const paddingTop = useSafeAreaInsets().top
+
+  const minHeight = layout.height - (dimensions.header + paddingTop + dimensions.bottom())
+
+  return (
+    <ScrollView
+      overScrollMode="never"
+      {...props}
+      style={[
+        props.style,
+        {
+          backgroundColor: colors.gradient.low,
+        },
+      ]}
+      contentContainerStyle={[{ minHeight }, props.contentContainerStyle]}>
+      <GradientImageBackground height={minHeight} imagePath={props.imagePath} onGetColor={props.onGetColor} />
+      {props.children}
+    </ScrollView>
+  )
+}
+
+export default GradientImageScrollView