記録

ReactNativeのボタンがiosとAndroidでは挙動が違うので代替。

今日はReactNative(リアクトネイティブ)でアプリを制作しながら勉強している中で、ボタンを使ってみたら・・・iosとAndroidでは挙動というか見栄えが違うのですよ、ドキュメントにもそう書いていた🤔。なので、ボタンじゃなくてこちらを使用するほうが良さげです。

Color of the text (iOS), or background color of the button (Android).

こちら【TouchableOpacity】などを使用してボタンを作成しないといけないみたい。こちらで作るとios、Android同じ見栄え(デザイン)になります。作ってて思うことは師というかメンターがいればもっと効率的に開発できそうです。

師匠がほしい今日此頃・・・。

React Native Tutorial #8 – Touchable Components

以上、現場からでした。

import React, { useState } from "react";
import { StyleSheet, Text, TouchableOpacity, View } from "react-native";

const App = () => {
  const [count, setCount] = useState(0);
  const onPress = () => setCount(prevCount => prevCount + 1);

  return (
    <View style={styles.container}>
      <View style={styles.countContainer}>
        <Text>Count: {count}</Text>
      </View>
      <TouchableOpacity
        style={styles.button}
        onPress={onPress}
      >
        <Text>Press Here</Text>
      </TouchableOpacity>
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: "center",
    paddingHorizontal: 10
  },
  button: {
    alignItems: "center",
    backgroundColor: "#DDDDDD",
    padding: 10
  },
  countContainer: {
    alignItems: "center",
    padding: 10
  }
});

export default App;

活動支援よろしくお願いします

JavaScript(js)でcsvファイルを読み込み自動計算する(合計sum)前のページ

シン・未来予測を読んでみました。読了しての感想などを書いてみた。次のページ

関連記事

  1. 記録

    アニメ映画、「父を探して」おそらく高知県では上映されないであろう。

    アニメ映画、「父を探して」おそらく高知県では上映されないであろう。…

  2. 記録

    今日のお題は「トラックバック」です。

    トラックバック(Trackback)とは、ブログの主要…

  3. 記録

    コロナゼロは無理だから賢い人はコロナと一緒と言ったんだろうけど。

    一年前(2020年)にコロナゼロは無理だから賢い人はコロナと一緒と言…

  4. 記録

    土佐人{自作サイト}、鳴かず飛ばず!?。

    土佐人{tosajin.info}という自動更新サイトをひとつ制作して…

  5. 記録

    移住して高知県で働きたい方へ{仕事事情}

    移住して高知県で働きたい方へ仕事情報を記載します。まず、高知県で有…

  6. 記録

    10月のアクセス数公表(月例)です。

    10月のアクセス数公表(月例)です。400人に届くぐらいのアクセス…

PAGE TOP