• つくってみた
  • 機械学習
  • クラウドコンピューティング
  • 仮想デスクトップ
  • サービス
  • 導入事例
  • サイト情報
    • 運営会社
    • 採用情報
  • お問い合わせ
  1. ホーム /
  2. ハック /
  3. react-nativeで配置
  • ハック
  • 2017.03.31
  • 469
  • react-native

react-nativeで配置

  • ツイート
  • シェア
  • はてな

react-nativeのDimensionsコンポーネントを用いると画面の比率でサイズ、位置を調節出来て便利。

import { Dimensions } from 'react-native';
で取り込んで
const { width } = Dimensions.get('window');
と変数widthを得る。
これで
width: width * 0.8
fontSize: width / 18

などと指定すると便利。

  • ツイート
  • シェア
  • はてな
Avatar

nakata

    つくってみた!

    社長が「寒い寒い」というので社長席の温度をRaspberry Piで監視してみた。社長が「寒い寒い」というので社長席の温度をRaspberry Piで監視してみた。
    Amazon Polly と Slack を使って  Alexa へ (物理的に) 話しかけるシステムを作ってみたAmazon Polly と Slack を使って Alexa へ (物理的に) 話しかけるシステムを作ってみた
    社内のトイレ難民解決!トイレ空き状況確認システムを作ってみた社内のトイレ難民解決!トイレ空き状況確認システムを作ってみた

    関連記事

    • React Nativeで画面を回転させた際に再描画させる方法
    • React Nativeで新規プロジェクトを作成する
    • react-nativeでToast
    • React Nativeで画像選択を行う
    • React NativeのiPhone実機でテストする際にGeneratedInfoPlistDotEnv.hが見つからない
    • React Nativeで要素の高さを取得する方法
    • お問い合わせ
    • 利用規約
    • プライバシーポリシー
    • 運営会社
    • 採用情報
    • サブスクリプション請求管理「KIMERA」
    • AWS構築代行「CloudAdvisor」
    • グループウェア「Aipo」

    © Copyright 2021 ハックノート All rights reserved.