rrricck

import { Ionicons } from '@expo/vector-icons';
import { Tabs } from 'expo-router';

export default function TabLayout() {
  return (
    <Tabs
      screenOptions={{
        headerShown: false,
        tabBarActiveTintColor: '#ff6600',
        tabBarInactiveTintColor: '#999',

rrricck

import { Ionicons } from '@expo/vector-icons';
import { Tabs } from 'expo-router';

export default function TabLayout() {
  return (
    <Tabs
      screenOptions={{
        headerShown: false,
        tabBarActiveTintColor: '#ff6600',
        tabBarInactiveTintColor: '#999',

rrricck

import { useRouter } from 'expo-router';
import { useState } from 'react';
import {
  FlatList,
  SafeAreaView,
  StyleSheet,
  Text
} from 'react-native';
import FruitCard from '../../components/FruitCard';

rrricck

import { Ionicons } from '@expo/vector-icons';
import { Tabs } from 'expo-router';

export default function TabLayout() {
  return (
    <Tabs
      screenOptions={{
        headerShown: false,
        tabBarActiveTintColor: '#ff6600',
        tabBarInactiveTintColor: '#999',

rrricck

import React from 'react';
import { View } from 'react-native';
import CustomButton from '../../components/CustomButton';

export default function App() {
  return (
    <View style={{ padding: 20 }}>
      
      <CustomButton
        title="藍色按鈕"

rrricck

import React, { useState } from 'react';
import {
  Button,
  Keyboard,
  StyleSheet,
  Text,
  TextInput,
  TouchableWithoutFeedback,
  View,
} from 'react-native';

rrricck

import React, { useState } from 'react';
import {
  Image,
  StyleSheet,
  Text,
  TouchableOpacity,
  View,
} from 'react-native';

export default function App() {

rrricck

import React, { useState } from 'react';
import { View, Text, TextInput, StyleSheet } from 'react-native';

export default function App() {
  const [phone, setPhone] = useState('');

  const handleChangeText = (text: string) => {
    const numberOnly = text.replace(/[^0-9]/g, '');
    if (numberOnly.length <= 10) {
      setPhone(numberOnly);