<!-- HTML generated using hilite.me --><div style="background: #ffffff; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;"><pre style="margin: 0; line-height: 125%"><span style="color: #008800; font-weight: bold">import</span> <span style="color: #333333">*</span> <span style="color: #008800; font-weight: bold">as</span> React <span style="color: #008800; font-weight: bold">from</span> <span style="background-color: #fff0f0">&#39;react&#39;</span>;
<span style="color: #008800; font-weight: bold">import</span> {
  Text,
  View,
  StyleSheet,
  Button,
  TouchableOpacity,
  TouchableHighlight,
  TouchableWithoutFeedback,
  TouchableNativeFeedback,
} <span style="color: #008800; font-weight: bold">from</span> <span style="background-color: #fff0f0">&#39;react-native&#39;</span>;
<span style="color: #008800; font-weight: bold">import</span> <span style="color: #0e84b5; font-weight: bold">Constants</span> <span style="color: #0e84b5; font-weight: bold">from</span> <span style="background-color: #fff0f0">&#39;expo-constants&#39;</span>;

export default <span style="color: #008800; font-weight: bold">class</span> <span style="color: #BB0066; font-weight: bold">App</span> extends React<span style="color: #333333">.</span>Component {
  render() {
    <span style="color: #008800; font-weight: bold">return</span> (
      <span style="color: #333333">&lt;</span>View style<span style="color: #333333">=</span>{styles<span style="color: #333333">.</span>container}<span style="color: #333333">&gt;</span>
        <span style="color: #333333">&lt;</span>Button title<span style="color: #333333">=</span><span style="background-color: #fff0f0">&quot;Klik Saya&quot;</span> onPress<span style="color: #333333">=</span>{() <span style="color: #333333">=&gt;</span> alert(<span style="background-color: #fff0f0">&#39;Tombol di tekan&#39;</span>)} <span style="color: #333333">/&gt;</span>
        <span style="color: #333333">&lt;</span>TouchableOpacity onPressIn<span style="color: #333333">=</span>{() <span style="color: #333333">=&gt;</span> alert(<span style="background-color: #fff0f0">&#39;Dengan Efek Opacity&#39;</span>)}<span style="color: #333333">&gt;</span>
          <span style="color: #333333">&lt;</span>Text<span style="color: #333333">&gt;</span> Tekan Saya <span style="color: #333333">&lt;/</span>Text<span style="color: #333333">&gt;</span>
        <span style="color: #333333">&lt;/</span>TouchableOpacity<span style="color: #333333">&gt;</span>
        <span style="color: #333333">&lt;</span>TouchableHighlight onPressIn<span style="color: #333333">=</span>{() <span style="color: #333333">=&gt;</span> alert(<span style="background-color: #fff0f0">&#39;Dengan Efek Highlight&#39;</span>)}<span style="color: #333333">&gt;</span>
          <span style="color: #333333">&lt;</span>Text<span style="color: #333333">&gt;</span> Press Saya <span style="color: #333333">&lt;/</span>Text<span style="color: #333333">&gt;</span>
        <span style="color: #333333">&lt;/</span>TouchableHighlight<span style="color: #333333">&gt;</span>
        <span style="color: #333333">&lt;</span>TouchableHighlight onPressIn<span style="color: #333333">=</span>{() <span style="color: #333333">=&gt;</span> alert(<span style="background-color: #fff0f0">&#39;TANPA EFEK&#39;</span>)}<span style="color: #333333">&gt;</span>
          <span style="color: #333333">&lt;</span>Text<span style="color: #333333">&gt;</span> Tanpa Efek <span style="color: #333333">&lt;/</span>Text<span style="color: #333333">&gt;</span>
        <span style="color: #333333">&lt;/</span>TouchableHighlight<span style="color: #333333">&gt;</span>
        <span style="color: #333333">&lt;</span>TouchableNativeFeedback onPressIn<span style="color: #333333">=</span>{() <span style="color: #333333">=&gt;</span> alert(<span style="background-color: #fff0f0">&#39;Efek Bawaan Android Kamu&#39;</span>)}<span style="color: #333333">&gt;</span>
          <span style="color: #333333">&lt;</span>Text<span style="color: #333333">&gt;</span> Hanya Android Saja <span style="color: #333333">&lt;/</span>Text<span style="color: #333333">&gt;</span>
        <span style="color: #333333">&lt;/</span>TouchableNativeFeedback<span style="color: #333333">&gt;</span>
      <span style="color: #333333">&lt;/</span>View<span style="color: #333333">&gt;</span>
    );
  }
}

const styles <span style="color: #333333">=</span> StyleSheet<span style="color: #333333">.</span>create({
  container: {
    flex: <span style="color: #0000DD; font-weight: bold">1</span>,
    justifyContent: <span style="background-color: #fff0f0">&#39;center&#39;</span>,
    paddingTop: Constants<span style="color: #333333">.</span>statusBarHeight,
    backgroundColor: <span style="background-color: #fff0f0">&#39;#ecf0f1&#39;</span>,
    padding: <span style="color: #0000DD; font-weight: bold">8</span>,
  },
});
</pre></div>