React Native-এ Alert ডায়ালগ বক্স ব্যবহার করা

Alert কম্পোনেন্ট ব্যবহারকারীকে একটি পপ-আপ ডায়ালগ দেখিয়ে টাইটেল, মেসেজ এবং বাটন দিয়ে কনফার্মেশন নেয়।

বেসিক সিনট্যাক্স

Alert.alert('টাইটেল', 'মেসেজ', [বাটন_অ্যারে], অপশন_অবজেক্ট)

ইম্পোর্ট

import { Alert } from 'react-native';

বাটন কনফিগারেশন

প্রতিটি বাটন অবজেক্টে থাকতে পারে:

• text - বাটনের লেবেল
• onPress - ক্লিক হলে কলব্যাক ফাংশন
• style - 'cancel', 'destructive', 'default' (iOS-এ)

প্ল্যাটফর্ম পার্থক্য

উদাহরণ ১: তিন বাটন সহ অ্যালার্ট (cancelable: false)

import React from 'react';
import { Button, View, Alert } from 'react-native';

const App = () => {
  const testAlert = () =>
    Alert.alert(
      'Hi',
      'Do you want to continue?',
      [
        { text: 'Later', onPress: () => console.log('User pressed Later') },
        { text: 'Cancel', onPress: () => console.log('Cancel Pressed'), style: 'cancel' },
        { text: 'OK', onPress: () => console.log('OK Pressed') }
      ],
      { cancelable: false }
    );

  return (
    
      
    
  );
};

export default App;

উদাহরণ ২: Android-এ cancelable: true

Alert.alert(
  'Hi',
  'Do you want to continue?',
  [
    { text: 'Later', onPress: () => console.log('Later') },
    { text: 'Cancel', onPress: () => console.log('Cancel'), style: 'cancel' },
    { text: 'OK', onPress: () => console.log('OK') }
  ],
  { cancelable: true } // বাইরে ক্লিক করলে বন্ধ হয়
);

নোট

• Android-এ ৩টির বেশি বাটন দিলে শুধু প্রথম ৩টি দেখায়।
• style: 'cancel' দিয়ে বাটনকে ক্যాన্সেল স্টাইল দিতে পারেন (Android-এ নেগেটিভ, iOS-এ বামে থাকে)।
• iOS-এ cancelable অপশন কাজ করে না।