upate

Author: flexbox

hackathon/all-keyboards/.gitignore

@@ -0,0 +1,38 @@
+# Learn more https://docs.github.com/en/get-started/getting-started-with-git/ignoring-files
+
+# dependencies
+node_modules/
+
+# Expo
+.expo/
+dist/
+web-build/
+expo-env.d.ts
+
+# Native
+*.orig.*
+*.jks
+*.p8
+*.p12
+*.key
+*.mobileprovision
+
+# Metro
+.metro-health-check*
+
+# debug
+npm-debug.*
+yarn-debug.*
+yarn-error.*
+
+# macOS
+.DS_Store
+*.pem
+
+# local env files
+.env*.local
+
+# typescript
+*.tsbuildinfo
+
+app-example

hackathon/allKeyboard/README.md renamed to hackathon/all-keyboards/README.md

@@ -13,4 +13,4 @@ The blog post overview of [all keyboard types for iOS and Android](https://david
 ```console
 yarn
 yarn start
-```
+```

hackathon/all-keyboards/app.json

@@ -0,0 +1,41 @@
+{
+  "expo": {
+    "name": "all-keyboards",
+    "slug": "all-keyboards",
+    "version": "1.0.0",
+    "orientation": "portrait",
+    "icon": "./assets/images/icon.png",
+    "scheme": "myapp",
+    "userInterfaceStyle": "automatic",
+    "newArchEnabled": true,
+    "ios": {
+      "supportsTablet": true
+    },
+    "android": {
+      "adaptiveIcon": {
+        "foregroundImage": "./assets/images/adaptive-icon.png",
+        "backgroundColor": "#ffffff"
+      }
+    },
+    "web": {
+      "bundler": "metro",
+      "output": "static",
+      "favicon": "./assets/images/favicon.png"
+    },
+    "plugins": [
+      "expo-router",
+      [
+        "expo-splash-screen",
+        {
+          "image": "./assets/images/splash-icon.png",
+          "imageWidth": 200,
+          "resizeMode": "contain",
+          "backgroundColor": "#ffffff"
+        }
+      ]
+    ],
+    "experiments": {
+      "typedRoutes": true
+    }
+  }
+}

hackathon/all-keyboards/app/_layout.tsx

@@ -0,0 +1,5 @@
+import { Stack } from "expo-router";
+
+export default function RootLayout() {
+  return <Stack screenOptions={{headerShown: false}} />;
+}

hackathon/all-keyboards/app/index.tsx

@@ -0,0 +1,55 @@
+import { AllKeyboardType } from "@/components/AllKeyboardType";
+import { AllReturnKeyType } from "@/components/AllReturnKeyType";
+import { Misc } from "@/components/Misc";
+
+import React from "react";
+import { useState } from "react";
+import { ScrollView, StyleSheet, View } from "react-native";
+import { SegmentedButtons } from "react-native-paper";
+import { SafeAreaView } from "react-native-safe-area-context";
+
+export default function Index() {
+  const [activeTabValue, setActiveTabValue] = useState("keyboardType");
+
+  return (
+    <SafeAreaView>
+      
+    <SegmentedButtons
+    value={activeTabValue}
+    onValueChange={setActiveTabValue}
+    style={{ paddingHorizontal: 12 }}
+    buttons={[
+      {
+        value: "keyboardType",
+        label: "keyboardType",
+      },
+      {
+        value: "returnKeyType",
+        label: "returnKeyType",
+      },
+      { value: "misc", label: "misc" },
+    ]}
+  />
+  <ScrollView style={styles.container}>
+    <View style={styles.separatorSmall} />
+    {activeTabValue === "keyboardType" && <AllKeyboardType />}
+    {activeTabValue === "returnKeyType" && <AllReturnKeyType />}
+    {activeTabValue === "misc" && <Misc />}
+    <View style={styles.separator} />
+  </ScrollView>
+  
+  </SafeAreaView>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    paddingHorizontal: 24,
+  },
+  separatorSmall: {
+    height: 24,
+  },
+  separator: {
+    height: 256,
+  },
+});