瀏覽代碼

Crear el about y editar logos

eduardo.figueroa7 2 年之前
父節點
當前提交
61122a8031
共有 6 個檔案被更改,包括 61 行新增0 行删除
  1. 15
    0
      .expo/README.md
  2. 8
    0
      .expo/settings.json
  3. 二進制
      public/assets/icon/about.png
  4. 二進制
      public/assets/icon/articule.png
  5. 二進制
      public/assets/icon/law.jpeg
  6. 38
    0
      src/pages/AboutListPage.tsx

+ 15
- 0
.expo/README.md 查看文件

@@ -0,0 +1,15 @@
1
+> Why do I have a folder named ".expo" in my project?
2
+
3
+The ".expo" folder is created when an Expo project is started using "expo start" command.
4
+
5
+> What do the files contain?
6
+
7
+- "devices.json": contains information about devices that have recently opened this project. This is used to populate the "Development sessions" list in your development builds.
8
+- "packager-info.json": contains port numbers and process PIDs that are used to serve the application to the mobile device/simulator.
9
+- "settings.json": contains the server configuration that is used to serve the application manifest.
10
+
11
+> Should I commit the ".expo" folder?
12
+
13
+No, you should not share the ".expo" folder. It does not contain any information that is relevant for other developers working on the project, it is specific to your machine.
14
+
15
+Upon project creation, the ".expo" folder is already added to your ".gitignore" file.

+ 8
- 0
.expo/settings.json 查看文件

@@ -0,0 +1,8 @@
1
+{
2
+  "hostType": "lan",
3
+  "lanType": "ip",
4
+  "dev": true,
5
+  "minify": false,
6
+  "urlRandomness": null,
7
+  "https": false
8
+}

二進制
public/assets/icon/about.png 查看文件


二進制
public/assets/icon/articule.png 查看文件


二進制
public/assets/icon/law.jpeg 查看文件


+ 38
- 0
src/pages/AboutListPage.tsx 查看文件

@@ -0,0 +1,38 @@
1
+import {
2
+  IonContent,
3
+  IonHeader,
4
+  IonPage,
5
+  IonTitle,
6
+  IonToolbar,
7
+} from "@ionic/react";
8
+import ListComponent from "../components/ListComponent";
9
+
10
+const AboutListPage: React.FC = () => {
11
+  return (
12
+    <IonPage>
13
+      <IonHeader>
14
+        <IonToolbar>
15
+          <IonTitle>About</IonTitle>
16
+        </IonToolbar>
17
+      </IonHeader>
18
+      <IonContent fullscreen>
19
+        <IonHeader collapse="condense">
20
+          <IonToolbar>
21
+            <IonTitle size="large">About</IonTitle>
22
+          </IonToolbar>
23
+        </IonHeader>
24
+        <ListComponent
25
+          items={[
26
+            "Proyecto Lazos",
27
+            "Casita de Paz",
28
+            "Crecemos",
29
+            "Talleres Educativos",
30
+            "Visitas Supervisadas",
31
+          ]}
32
+        />
33
+      </IonContent>
34
+    </IonPage>
35
+  );
36
+};
37
+
38
+export default AboutListPage;