Function DialogsExample

example/app/dialogs.tsx:5–36

()

import { Button, Dialog } from "jetpack-compose-react-native";

export default function DialogsExample() {
  const [dialogVisible, setDialogVisible] = React.useState(false);

  return (
    <ScrollView style={{ flex: 1 }} contentContainerStyle={{ padding: 20 }}>
      <Text style={styles.header}>Dialogs Example</Text>
      {dialogVisible && (
        <Dialog
          title="Dialog Title"
          text="Dialog text description"
          icon="person"
          confirmText="Confirm"
          dismissText="Dismiss"
          onConfirm={() => {
            setDialogVisible(false);
            console.log("Dialog confirmed");
          }}
          onDismiss={() => {
            setDialogVisible(false);
            console.log("Dialog dismissed");
          }}
        />
      )}
      <Button
        text="Show Dialog"
        onClick={() => {
          setDialogVisible(true);
        }}
      />
    </ScrollView>
  );
}

const styles = StyleSheet.create({
  header: {