This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<!-- CDN --> | |
<!-- react --> | |
<script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<!-- CDN --> | |
<!-- react --> | |
<script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// App.js | |
import 'react-native-gesture-handler'; | |
import React from 'react'; | |
import { StatusBar } from 'react-native'; | |
import { NavigationContainer } from '@react-navigation/native'; | |
import { createNativeStackNavigator } from '@react-navigation/native-stack'; | |
import COLORS from './src/consts/colors'; | |
import DetailsScreen from './src/views/screens/DetailsScreen'; | |
import BottomNavigator from './src/views/navigation/BottomNavigator'; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import 'react-native-gesture-handler'; | |
import React from 'react'; | |
import { NavigationContainer } from '@react-navigation/native'; | |
import { createNativeStackNavigator } from '@react-navigation/native-stack'; | |
import DrawerNavigator from './src/views/navigators/DrawerNavigator'; | |
import DetailsScreen from './src/views/screens/DetailsScreen'; | |
const Stack = createNativeStackNavigator(); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// YT_Example_HotelUI0129\App.js | |
import React from 'react'; | |
//從上個範例的原始碼就有加 但我都沒加~ 看不出沒加會怎樣 | |
import "react-native-gesture-handler"; | |
import { View, Text } from 'react-native'; | |
import { StatusBar } from 'react-native'; | |
import { NavigationContainer } from '@react-navigation/native'; | |
import { createNativeStackNavigator } from '@react-navigation/native-stack'; | |
import COLORS from "./src/consts/colors"; | |
import HomeScreen from "./src/views/screens/HomeScreen" |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// yt_example_plantui0128/App.js | |
import * as React from 'react'; | |
import { View, Text } from 'react-native'; | |
import { StatusBar } from 'react-native'; | |
import { NavigationContainer } from '@react-navigation/native'; | |
import { createNativeStackNavigator } from '@react-navigation/native-stack'; | |
import COLORS from "./src/consts/Colors"; | |
import HomeScreen from "./src/view/screens/HomeScreen" | |
import DetailsScreen from "./src/view/screens/DetailsScreen" |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
``` | |
source form React Native 教學 - 編寫一個圖書資訊 APP - Code Guy Studio | |
https://codeguy.studio/react-native-tutorial/book-app/ | |
``` | |
import React, { useEffect, useState } from 'react'; | |
import { | |
ScrollView, | |
View, | |
StyleSheet, |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { StatusBar } from 'expo-status-bar'; | |
import React, { useState, useEffect } from 'react'; | |
import { Text, View, StyleSheet, Button } from 'react-native'; | |
import { BarCodeScanner } from 'expo-barcode-scanner'; | |
export default function App() { | |
const [hasPermission, setHasPermission] = useState(null) | |
const [scanned, setScanned] = useState(false) | |
const [text, setText] = useState("Not yet scanned!") |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React, { useState, useEffect, useRef } from 'react'; | |
import { SafeAreaView, StyleSheet, Text, View, TouchableOpacity, Modal, Image, Alert } from 'react-native'; | |
import { Camera } from 'expo-camera'; | |
import { CameraType } from 'expo-camera/build/Camera.types'; | |
import { FontAwesome, Ionicons } from '@expo/vector-icons'; | |
// import * as Permissions from "expo-permissions"; | |
import * as Location from 'expo-location'; | |
import * as MediaLibrary from "expo-media-library"; |
NewerOlder