react-native linkとは何なのか？ react-native３分講座 - Qiita
何々react-nativeのデザインはnative baseというライブラリを使ってみるといいの？ それじゃあ yarn add native-base react-native link native-base だ！ ちょっと待ったそこのあなた。今軽々しくreact-native linkを使いましたね。 react-native linkは、jsだけは実現できないos毎に分けて記述された、objective-cやjavaのコードを自動で設定してくれる便利コマンドですが、理解していないと落とし穴にはまりますよ。 今回は 「react-native linkは何をしているのか？」 をreact-native linkを「手動」で行いながら学んでいきます。 それでは手動でreact-native linkを行ってみましょう。 Step 1 もし、ライブラリがnativeコードを含んでいる場
Azure DevOps (旧VSTS) の Android Signing で Zipalign を ON にしよう - Qiita
【問題】Azure DevOps でビルドした .apk が動かない？ Xamarin プロジェクトのビルドを Azure DevOps (当時は VSTS) に乗せたかったのですが、作成された .apk が動かなくて悩んでいました。 .ipa は動く ローカルPCでビルドすれば動く インストールはできる 起動直後にスプラッシュ スクリーンより前に落ちる AppCenter に Crash を記録する前に落ちる だいぶ長い間ネグっていたのですが、やっと解決したので報告します。 【解決】原因は zipalign Android Device Monitor でアプリが起動するときの様子を観察したところ、次のようなエラー メッセージが出ていました。Tag は monodroid-assembly です。 Assembly 'assemblies/hoge.dll' is located at
Expo環境のDetoxではテスト成果物(Artifacts)を利用できない話 - Qiita
Detoxとは https://github.com/wix/detox/ モバイルアプリでE2Eテストの自動化を行えるライブラリ テスト成果物(Artifacts)とは Detoxでは、v8からE2Eテストの結果を成果物(Artifacts)として記録しておくことができます。 https://github.com/wix/detox/blob/master/docs/APIRef.Artifacts.md 具体的には以下のような記録を残すことが可能です。 .log形式のログ .png形式のテスト前後のスクリーンショット .mp4形式のテスト中の画面遷移の動画 何が問題か React Native ExpoでDetoxを利用するときはdetox-expo-heplersを利用しなければなりません https://github.com/expo/detox-expo-helpers 通常であ
Sentryでバグレポートを受け取る【React Native Expo】 - Qiita
Sentryとは アプリケーションからイベントログを送信してくれるもの。 https://sentry.io/ Expoに対応している(bugsnagはExpo未対応) 導入方法 登録してプロジェクト作成 Sentryに登録する 言語やフレームワークを選択、project nameを記入してCreate Projectする 下の方にあるPublic DSNをコピーしておく(Sentry.config('https://**********@sentry.io/***').install();みたいな所のアドレス部分) Sentry APIでauth tokenを作成(設定はデフォルトでOK)、auth tokenをコピーしておく ダッシュボードに行き、プロジェクトのsettingsタブからNameをコピーしておく 左上のボタンからOrganization settingsに行き、Nameを
ReactNative開発環境を整える
はじめに 今回はReactNativeの開発環境を整えGitHubと繋げることを目標として記事をまとめたいと思います。 開発に必要な道具 Node.js ReactNativeで開発を整えるのに必要になります。既にインストールされている方はターミナルにて以下のコマンドで調べることができます。インストールされていない方はここからインストールして下さい。 GitHub ReactNativeの開発環境を整えた際のコードなどをリモートに保存する際に利用します。GitHubを利用しなくてもReactNativeの開発環境は作れるので必要ない方はココをとばしても構いません。まだGitHubのアカウントを作成していない方はココから作成して下さい。 GitHub Desktop 一旦ローカル上にコードを保存する際に利用します。今回はDesktop版を経由してGitHubにコミット&プッシュしていきたいと
日本最大級の青少年団体のイベントアプリを開発・運用した話 - Qiita
日本のボーイスカウト最大のキャンプ大会「ジャンボリー」のイベントアプリをボランティアで開発・運用した。 インストール数は大会参加者と同数の約13,000台を記録。日間アクティブユーザー数もほぼ同数だった。 AdobeとMicrosoftのサービス・技術を使用することにより効率的かつ少人数でリモートでのプロジェクトを進めることができた。 ボーイスカウトって知っていますか？ 皆さんはボーイスカウトって知っていますか？ボーイスカウトは健全な青少年を育成する運動です。 ボーイスカウトと聞いてキャンプをしている人たちと思う方も多いのではないでしょうか。 これは日本最大級の青少年団体であるボーイスカウトの中でも最も大きなキャンプ大会に関する、あるプロジェクトについての記事です。 はじめに ボーイスカウト日本連盟では４年に1度、北は北海道から南は沖縄、さらには海外からスカウト（ボーイスカウトをやっている
Xamarin でAndroid BLEを使う - Qiita
<uses-permission android:name="android.permission.BLUETOOTH"/> <uses-permission android:name="android.permission.BLUETOOTH_ADMIN"/> <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION"/> 追加しておかないと、権限で弾かれます。特に、位置情報権限も必要なので要チェックです。 xmlを直接編集ではなく、Androidのプロジェクトを右クリック->「プロパティ」から設定もできます。 GATTプロファイルって？ 様々な情報は Device Service Characteristics Descriptor このような構造で格納されています。今回の目的はCharacteri
ReactNativeにコントリビュートしてみる Part1 - Qiita
/** * Sample React Native App * https://github.com/facebook/react-native * @flow */ import React, { Component } from 'react'; import { StyleSheet, Text, View } from 'react-native'; export default class App extends Component { render() { return ( <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#F5FCFF', }}> <View style={styles.testStyle}> <View style={{flex
実はReact Native公式ドキュメントでReact Native for Webが使われている - Qiita
2019年8月追記： Expo SnackがWeb対応したことを受けて、React Native公式ドキュメントのライブプレビューはreact-native-web-playerからExpo Snackに戻りました。 http://facebook.github.io/react-native/docs/activityindicator 記事の内容は古くなってしまいましたが、React Native for Webが内部で使われていることに変更はありません。 React Native公式ドキュメントのプレビューを支える技術 React Nativeの公式ドキュメントでは、コンポーネントの実際の表示をWeb上で確認できるプレビューが用意されています。 少し前まではAppetize.ioが使われていて、実機のスクリーンキャストらしきものを見ることができていました。今でもExpo Snackは
React NativeのFlatList - Qiita
自己紹介 yatatsu PAY, inc. QRコード決済ができるお支払いアプリ「PAY ID」 Android, iOS, React Native FlatListとは リストを表示するためのコンポーネント Flat <=> Section https://facebook.github.io/react-native/docs/flatlist in Native App... UITableView, UICollectionView in iOS RecyclerView in Android 単純なScrollViewとの違いは？ レイアウトの読み込み遅延と再利用 読み込み遅延 表示している部分+前後 大量のデータでもスムーズに動く スクロールに応じて順次読み込んでいく 読み込み遅延 in FlatList... VirtualizedList を継承 ScrollViewコ
React JS和React-Native学习指南 - Qiita
自己在学习React-Native过程中整理的一份学习指南，包含 教程、开源app和资源网站等，还在不断更新中。欢迎pull requests！ React-Native学习指南 本指南汇集React-Native各类学习资源，给大家提供便利。指南正在不断的更新，大家有好的资源欢迎Pull Requests！ 同时还有Awesome React-Native系列 https://github.com/jondot/awesome-react-native 教程 react-native 官方api文档 http://facebook.github.io/react-native/docs/getting-started.html react-native 中文api文档 (翻译中) https://github.com/ecomfe/react-native-cn react.js中文文档
React Native Navigation - Qiita
create app react-native init NaviTest test react-native run-ios lib install 1 Install react-native-navigation latest stable version. yarn add react-native-navigation@latest 2 Add ReactNativeNavigation.xcodeproj 以下をXCodeのライブラリに追加 ./node_modules/react-native-navigation/ios/ReactNativeNavigation.xcodeproj 3 Build Phasesに追加 Build Phasesに追加 In Xcode, in Project Navigator (left pane), click on your proj
React Native Navigation (V2) - Qiita
2018/9/2現在 React Native Navigation (V2) by Wix — Getting Started Installing - React Native Navigation v2 - truly native navigation for iOS and Android install npm install --save react-native-navigation@alpha すごく分かりにくいが、XCodeで設定をがんばってやる Installing - React Native Navigation v2 - truly native navigation for iOS and Android Link Binary With Libraries section add libReactNativeNavigation.a はすごく分かりにくい。＋
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Android 9 (Pie) かつ targetSdkVersion 28 で React Nativeアプリがデバッグできないとき - Qiita
React Navigationで、特定の画面でボトムタブを非表示にする - Qiita
React-Nativeで遊んでみる その１ ~<Text>と<TextInput>を使ってみる~ - Qiita
glamorous-native + Typescript propsを渡すと怒られる件 - Qiita
【React Native】FlatListのデータが変更されてもrenderされない - Qiita
react-native 使ったライブラリ - Qiita
デザインで活用できるサイト一覧 - Qiita