[React Native] To Do App - Button Touchable

1953 ワード

Wordk Hard Travel Hard App
ReactNativeでButton Clickを処理する方法を学び、アプリケーションにデータを入力する方法も学びます.またtextinputでキーボードを制御する方法も学びます.
Web上のinputとreactのオリジナルのinputとは異なる方法も学びます.react原生にはformなんてありません.
データを維持する方法も学びますユーザーが何かを書いたとき、携帯電話のリポジトリに保存したいからです.携帯電話をつけても、データはそのままにしておきましょう.
新しいプロジェクトを開始するには、管理するプロジェクト群ディレクトリに移動します.


ブランケットを選びましょう
次に、コンソールウィンドウでプロジェクトが存在するディレクトリに戻ります.
npm start
これでプロジェクトが実行でき、Expo Goも実行できます.
CSSには存在しない属性があります.
padding VerticalまたはHorizontalに
paddingVertical/paddingHorizontal、水平方向垂直方向に与えます.
ヘッダーにprofileContent:「space-tween」を指定します(テキスト間にギャップが発生します).
	export const theme = {
    
色jsの中のテーマを送ってください.
ボタンには3つの面白い要素があります.

Touchable


最初はTouchableOptivity Viewに似ていますがBoxに似ています
クリックしたイベントはリスニングの準備ができているビューと言える.Optityが含まれているのは、アニメーションが含まれているからです.

クリックするとクリックする動画があります.クリックした要素を少し透明にします.
もう一つはTouchableHighlightです.より多くのプロパティがあります.
TouchAbelOptityは、クリックしたときの透明度自体を制御します.
ここで、TouchableHighlightは背景を黒に変換することもできます.

TouchableHighlightにはonPressプロパティが必要です.
clickイベントのリスナーとして.
onPress onPressInonPressOutonLongPressにもこのようなonPressタイプがあるので、特定の動作を与えなくても属性値として指定できます.
UnslayColorの場合、クリックしながら指定色に変換すると画面に出力されます.
一般的にはTouchableOptityが使われています
また、クリックするとテキストの透明度もアクティブになります.
TouchableWithoutFeedbackにはUIの変更はありません.
Pressableは更新されており、より多くの設定が可能です.
hitslopeという重要なものがあります.要素の外にクリックした位置を検出しますか?