import UIKit

class ViewController: UIViewController {
    
    @IBOutlet weak var welcomeLabel: UILabel!
    @IBOutlet weak var nameTextField: UITextField!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        setupUI()
    }
    
    func setupUI() {
        welcomeLabel.text = "مرحباً بك في تطبيقنا"
        welcomeLabel.textAlignment = .center
        welcomeLabel.font = UIFont.systemFont(ofSize: 24, weight: .bold)
    }
    
    @IBAction func greetButtonTapped(_ sender: UIButton) {
        guard let name = nameTextField.text, !name.isEmpty else {
            showAlert(message: "يرجى إدخال اسمك")
            return
        }
        
        welcomeLabel.text = "أهلاً وسهلاً \(name)!"
    }
    
    func showAlert(message: String) {
        let alert = UIAlertController(
            title: "تنبيه",
            message: message,
            preferredStyle: .alert
        )
        alert.addAction(UIAlertAction(title: "موافق", style: .default))
        present(alert, animated: true)
    }
}

class MainActivity : AppCompatActivity() {
    
    private lateinit var welcomeText: TextView
    private lateinit var nameInput: EditText
    private lateinit var greetButton: Button
    
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        
        initViews()
        setupClickListeners()
    }
    
    private fun initViews() {
        welcomeText = findViewById(R.id.welcomeText)
        nameInput = findViewById(R.id.nameInput)
        greetButton = findViewById(R.id.greetButton)
        
        welcomeText.text = "مرحباً بك في تطبيقنا"
    }
    
    private fun setupClickListeners() {
        greetButton.setOnClickListener {
            val name = nameInput.text.toString().trim()
            
            if (name.isEmpty()) {
                Toast.makeText(this, "يرجى إدخال اسمك", Toast.LENGTH_SHORT).show()
                return@setOnClickListener
            }
            
            welcomeText.text = "أهلاً وسهلاً $name!"
        }
    }
}

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

const App = () => {
  const [name, setName] = useState('');
  const [welcomeMessage, setWelcomeMessage] = useState('مرحباً بك في تطبيقنا');

  const handleGreet = () => {
    if (!name.trim()) {
      Alert.alert('تنبيه', 'يرجى إدخال اسمك');
      return;
    }
    
    setWelcomeMessage(`أهلاً وسهلاً ${name}!`);
  };

  return (
    <View style={styles.container}>
      <Text style={styles.welcomeText}>{welcomeMessage}</Text>
      
      <TextInput
        style={styles.input}
        placeholder="أدخل اسمك هنا"
        value={name}
        onChangeText={setName}
        textAlign="right"
      />
      
      <TouchableOpacity style={styles.button} onPress={handleGreet}>
        <Text style={styles.buttonText}>تحية</Text>
      </TouchableOpacity>
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    padding: 20,
    backgroundColor: '#f5f5f5',
  },
  welcomeText: {
    fontSize: 24,
    fontWeight: 'bold',
    marginBottom: 30,
    textAlign: 'center',
    color: '#333',
  },
  input: {
    width: '100%',
    height: 50,
    borderWidth: 1,
    borderColor: '#ddd',
    borderRadius: 8,
    paddingHorizontal: 15,
    marginBottom: 20,
    backgroundColor: 'white',
  },
  button: {
    backgroundColor: '#007AFF',
    paddingHorizontal: 30,
    paddingVertical: 15,
    borderRadius: 8,
  },
  buttonText: {
    color: 'white',
    fontSize: 18,
    fontWeight: 'bold',
  },
});

export default App;

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'تطبيق الترحيب',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        fontFamily: 'Cairo',
      ),
      home: WelcomeScreen(),
    );
  }
}

class WelcomeScreen extends StatefulWidget {
  @override
  _WelcomeScreenState createState() => _WelcomeScreenState();
}

class _WelcomeScreenState extends State<WelcomeScreen> {
  final TextEditingController _nameController = TextEditingController();
  String _welcomeMessage = 'مرحباً بك في تطبيقنا';

  void _greetUser() {
    if (_nameController.text.trim().isEmpty) {
      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(
          content: Text('يرجى إدخال اسمك'),
          backgroundColor: Colors.red,
        ),
      );
      return;
    }

    setState(() {
      _welcomeMessage = 'أهلاً وسهلاً ${_nameController.text}!';
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('تطبيق الترحيب'),
        centerTitle: true,
      ),
      body: Padding(
        padding: EdgeInsets.all(20.0),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Text(
              _welcomeMessage,
              style: TextStyle(
                fontSize: 24,
                fontWeight: FontWeight.bold,
                color: Colors.black87,
              ),
              textAlign: TextAlign.center,
            ),
            SizedBox(height: 30),
            TextField(
              controller: _nameController,
              textAlign: TextAlign.right,
              decoration: InputDecoration(
                hintText: 'أدخل اسمك هنا',
                border: OutlineInputBorder(
                  borderRadius: BorderRadius.circular(8),
                ),
                contentPadding: EdgeInsets.symmetric(
                  horizontal: 15,
                  vertical: 15,
                ),
              ),
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: _greetUser,
              child: Text(
                'تحية',
                style: TextStyle(fontSize: 18),
              ),
              style: ElevatedButton.styleFrom(
                padding: EdgeInsets.symmetric(
                  horizontal: 30,
                  vertical: 15,
                ),
                shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(8),
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }
}

// تحسين الأداء في React Native
import { memo, useMemo, useCallback } from 'react';

const OptimizedComponent = memo(({ data, onPress }) => {
  // استخدام useMemo للحسابات المعقدة
  const processedData = useMemo(() => {
    return data.map(item => ({
      ...item,
      displayName: `${item.firstName} ${item.lastName}`
    }));
  }, [data]);

  // استخدام useCallback للدوال
  const handlePress = useCallback((id) => {
    onPress(id);
  }, [onPress]);

  return (
    <FlatList
      data={processedData}
      keyExtractor={item => item.id}
      renderItem={({ item }) => (
        <TouchableOpacity onPress={() => handlePress(item.id)}>
          <Text>{item.displayName}</Text>
        </TouchableOpacity>
      )}
      // تحسين الأداء للقوائم الطويلة
      getItemLayout={(data, index) => ({
        length: 60,
        offset: 60 * index,
        index,
      })}
      removeClippedSubviews={true}
      maxToRenderPerBatch={10}
      windowSize={10}
    />
  );
});