ZingTruyen.Xyz

Màu nền Màu tối Mặc định Xám nhạt Xanh nhạt Xanh đậm Vàng nhạt Màu sepia Vàng đậm Vàng ố

Font chữ: Palatino Linotype Bookerly Segoe UI Patrick Hand Times New Roman Verdana Tahoma Arial

Chiều cao dòng: 100 120 140 160 180 200

Kích cỡ chữ:

کہانی / تعارف

خاندان اب گرم ہے اور صفائی اور کھانے پکانے کی مہارت میں بہتری آئی ہے۔
لیکن بچے نے ٹوائلٹ کے بعد سفید اور حرکت کرتی ہوئی فضلہ نکالی اور آپ خوفزدہ ہو گئے۔
ڈاکٹر دستیاب نہیں ہے۔
لیکن آپ کے فون پر "Holistic Health Snap" ایپ موجود ہے۔
بس تصویر لیں اور ایپ فوری طور پر مسئلہ شناخت کرکے حل بتاتی ہے۔
اس معاملے میں، بچے میں پیراسائٹس (کیڑے) ہیں، اور ایپ محفوظ اقدامات سکھاتی ہے۔

React Native کوڈ (تصویر لینے اور مسئلہ حل کرنے کے لیے)import React, { useState, useEffect } from 'react';
import { View, Text, Button, Image, FlatList, TextInput, StyleSheet, TouchableOpacity } from 'react-native';
import { launchCamera } from 'react-native-image-picker';
import AsyncStorage from '@react-native-async-storage/async-storage';

// زمرہ جات اور ہولی سٹک علاج
const CATEGORIES = [
{ name: "جلد", remedies: ["ہلکے صابن سے دھوئیں", "ایلو ویرا جیل لگائیں", "خراش نہ کریں"] },
{ name: "کیڑے کا کاٹنا", remedies: ["پانی سے صاف کریں", "شہد یا ایلو لگائیں", "ٹھنڈا پیک استعمال کریں"] },
{ name: "چوٹ/زخم", remedies: ["ابتداء میں ٹھنڈا پیک", "متاثرہ حصہ بلند کریں", "48 گھنٹوں بعد ہلکی مالش"] },
{ name: "پیراسائٹس", remedies: ["صفائی رکھیں", "پانی اُبال کر پئیں", "فائبر والی غذا کھائیں"] },
{ name: "دیگر", remedies: ["صفائی رکھیں", "تبدیلی دیکھیں", "بگڑنے پر ڈاکٹر سے رابطہ کریں"] },
];

export default function App() {
const [photoData, setPhotoData] = useState([]);
const [description, setDescription] = useState('');
const [selectedCategory, setSelectedCategory] = useState(CATEGORIES[0].name);
const [currentPhoto, setCurrentPhoto] = useState(null);

useEffect(() => { loadData(); }, []);

const loadData = async () => {
try {
const data = await AsyncStorage.getItem('photos');
if (data !== null) setPhotoData(JSON.parse(data));
} catch (error) { console.log(error); }
};

const saveData = async (newData) => {
try { await AsyncStorage.setItem('photos', JSON.stringify(newData)); }
catch (error) { console.log(error); }
};

const takePhoto = () => {
launchCamera({ mediaType: 'photo', quality: 0.5 }, response => {
if (response.assets && response.assets.length > 0) {
setCurrentPhoto(response.assets[0].uri);
}
});
};

const savePhoto = () => {
if (!currentPhoto) return;
const categoryObj = CATEGORIES.find(cat => cat.name === selectedCategory) || { remedies: [] };
const newEntry = {
uri: currentPhoto,
category: selectedCategory,
description,
remedies: categoryObj.remedies,
timestamp: new Date().toISOString()
};
const updatedData = [newEntry, ...photoData];
setPhotoData(updatedData);
saveData(updatedData);
setCurrentPhoto(null);
setDescription('');
};

return (
<View style={styles.container}>
<Text style={styles.header}>ہولی سٹک ہیلتھ سنیپ</Text>
<Button onPress={takePhoto} />
{currentPhoto && (
<View style={styles.preview}>
<Image source={{ uri: currentPhoto }} style={styles.image} />
<TextInput value={description} onChangeText={setDescription} style={styles.input} />
<View style={styles.categories}>
{CATEGORIES.map(cat => (
<TouchableOpacity
key={cat.name}
onPress={() => setSelectedCategory(cat.name)}
style={[styles.categoryButton, selectedCategory === cat.name && styles.selectedCategory]}
>
<Text>{cat.name}</Text>
</TouchableOpacity>
))}
</View>
<Button onPress={savePhoto} />
</View>
)}
<Text style={styles.subHeader}>محفوظ شدہ تصاویر اور علاج:</Text>
<FlatList
data={photoData}
keyExtractor={(item, index) => index.toString()}
renderItem={({ item }) => (
<View style={styles.item}>
<Image source={{ uri: item.uri }} style={styles.thumbnail} />
<View style={{ flex: 1, marginLeft: 10 }}>
<Text style={styles.itemText}>زمرہ: {item.category}</Text>
<Text style={styles.itemText}>تفصیل: {item.description || "N/A"}</Text>
<Text style={styles.itemText}>تاریخ: {new Date(item.timestamp).toLocaleString()}</Text>
<Text style={styles.itemTextBold}>ہولی سٹک علاج:</Text>
{item.remedies.map((remedy, i) => <Text key={i} style={styles.itemText}>• {remedy}</Text>)}
</View>
</View>
)}
/>
</View>
);
}

const styles = StyleSheet.create({
container: { flex: 1, padding: 20, backgroundColor: '#f5f5f5' },
header: { fontSize: 28, fontWeight: 'bold', marginBottom: 10 },
subHeader: { fontSize: 20, marginTop: 20, marginBottom: 10 },
preview: { marginVertical: 10 },
image: { width: '100%', height: 200, marginBottom: 10 },
input: { borderColor: '#ccc', borderWidth: 1, padding: 8, marginBottom: 10, borderRadius: 5 },
categories: { flexDirection: 'row', flexWrap: 'wrap', marginBottom: 10 },
categoryButton: { padding: 8, borderWidth: 1, borderColor: '#ccc', borderRadius: 5, marginRight: 5, marginBottom: 5 },
selectedCategory: { backgroundColor: '#a0e1e5' },
item: { flexDirection: 'row', marginBottom: 10, backgroundColor: '#fff', padding: 10, borderRadius: 5 },
thumbnail: { width: 80, height: 80, borderRadius: 5 },
itemText: { fontSize: 14 },
itemTextBold: { fontSize: 16, fontWeight: 'bold', marginTop: 5 }
});