記録

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. 記録

    どちらかと言うと男のだらだらだと思います。YOUTUBER:ひげおやじ:さん

    ひげおやじと仲間たち/ガジェット通信というYOUTUBEチャン…

  2. 記録

    2016.03.30. 03:30:30

    2016.03.30. 03:30:30に自分は何をしていたか・・…

  3. 記録

    またきたので三度目はない。

    LINEに変なの来たので削除して友達の自動追加などなどの設定を見直…

  4. 記録

    airpodとsonyのlinkbudsどちら買おうかと思案してます。

    おはよう御座います☀。日の出も徐々に早くなってきてますね。i…

  5. 記録

    プレイステーションNOW(PlayStationNow)は得か損か?

    プレイステーションNOW(PlayStationNow…

  6. black laptop computer turned on showing computer codes

    記録

    開発環境はクラウドに持つべきか?いなか?悩ましすぎる問題🤔。

    おはようございます。今まで開発環境はオンプレでしていましたが…

2021年11月
1234567
891011121314
15161718192021
22232425262728
2930  

カテゴリー

PAGE TOP