6DasarPertemuan ke-6

Event Handling & User Input

Menangani user interactions seperti touchable, keyboard input, dan form handling.

Topik Pembelajaran

  • Touchable components (Button, Pressable)
  • Gesture handlers
  • TextInput component
  • Form input handling
  • Keyboard events
  • Alert & notifications

Referensi & Sumber Daya

Event Handling & User Input

Touchable Components

Wrapping UI dengan touchable untuk handle press events.

 alert('Pressed')}>
  Press me

Pressable Component

Modern alternative dengan lebih kontrol terhadap press feedback.


  Interactive

TextInput

Menerima text input dari user.

Form Handling

Multiple inputs dalam form, validation, dan submission.

Keyboard Management

  • Dismiss keyboard dengan Keyboard.dismiss()
  • Handle keyboard appearance events
  • ScrollView auto-scroll saat keyboard appear
  • Alert Component

    Show simple alerts dan prompts.

    Alert.alert('Title', 'Message', [
      { text: 'Cancel' },
      { text: 'OK', onPress: () => {} }
    ]);