メモの編集画面の構造化とスタイリング

s-yoshiii · Jun 14, 2022 · a4d1dbd · a4d1dbd
1 parent acbee49
commit a4d1dbd
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/src/components/Header.jsx b/src/components/Header.jsx
@@ -26,15 +26,15 @@ const styles = StyleSheet.create({
     position: 'absolute',
     right: 19,
     bottom: 16,
-    letterSpacing: '0.1em',
+    letterSpacing: 1.2,
     color: '#fff',
   },
   headerTitle: {
     marginBottom: 8,
     fontSize: 22,
     lineHeight: 32,
-    fontWeight: 700,
-    letterSpacing: '0.1em',
+    fontWeight: 'bold',
+    letterSpacing: 1.8,
     color: '#fff',
   },
 });

diff --git a/src/screens/MemoEditScreen.jsx b/src/screens/MemoEditScreen.jsx
@@ -22,7 +22,13 @@ const styles = StyleSheet.create({
   inputContainer: {
     paddingHorizontal: 27,
     paddingVertical: 32,
+    flex: 1,
+  },
+  input: {
+    flex: 1,
+    textAlignVertical: 'top',
+    fontSize: 16,
+    lineHeight: 24,
   },
-  input: {},
 });
 export default MemoEditScreen;