【React Native】【Expo】Expoでプッシュ通知を送る - React Native Tech Blog
React Native + Expoでプッシュ通知を送る方法をご紹介します。 公式で it's almost too easy. と書かれている通りで、実装はとても簡単です。 ちなみにExpoベースのアプリでプッシュ通知を送る場合、このExpo公式のプッシュ通知を使う以外方法はありません。 例えば、Firebase Cloud MessagingやAmazon Simple Notification Serviceなどのサービスは使えません。 (2018/5/2訂正) Expo SDK 27からFirebase Cloud Messagingがサポートされるようになりました。 Expo SDK v27.0.0 is now available – Exposition プッシュ通知の実装 手順は大きく3つあります。 1. Expoのプッシュトークンを自分のサーバーに送る 2. Expoの
【React Native】【Expo】 Lottieでおしゃれなアニメーションを簡単に実現 - React Native Tech Blog
TwitterやInstagramでいいねをタップしたときなど、 ちょっとアニメーションがあるだけで気持ちよく感じますよね。 Lottieというアニメーションライブラリを用いることで、 リッチなアニメーションを簡単に実装できます。 たとえば↓のようなアニメーションを簡単に組み込むことができます。 (参照: https://github.com/airbnb/lottie-react-native) 今回はその手順を紹介します。 Lottieとは Airbnbが開発した、iOS, AndroidそしてReac tNativeに対応したアニメーションライブラリです。 アニメーションファイルはAdobe After Effectsで作成し、 それをJSON形式で書き出したものを、アプリで読み込み再生することができます。 アニメーション作成と、アプリ実装の作業が完全に分離できるので、 デザイナーは
ReactNativeでXcodeのコンソールにSocketのログが出すぎる問題 - Lean Engineer
ReactNativeをXcodeでビルドして、Xcodeのコンソール見ていると、すごい勢いでログが表示されていた。こんな感じ。 nw_connection_get_connected_socket 1 Connection has no connected handler nw_connection_get_connected_socket 2 Connection has no connected handler nw_connection_get_connected_socket 3 Connection has no connected handler 調べてたら、stackoverflowに解決策が書いてあった。Xcodeのメニューから、Product > Edit Scheme > Run の Environment VariablesにNameをOS_ACTIVITY_MOD
KeyboardAvoidingView · React Native
This component will automatically adjust its height, position, or bottom padding based on the keyboard height to remain visible while the virtual keyboard is displayed. Example Reference Props View Props Inherits View Props. behavior Specify how to react to the presence of the keyboard. Android and iOS both interact with this prop differently. On both iOS and Android, setting behavior is recom
MaskedViewIOSでマスクをかける 【これからはじめるReact Native】 - bagelee（ベーグリー）
2018年6月11日 ゲスト bagelee npmのpackage.jsonと依存関係を理解しよう！
React Native Navigation ヘッダーを透明にする。 - Qiita
navigationOptions = { headerTitle: '', headerStyle:{ position: 'absolute', backgroundColor: 'transparent', zIndex: 100, top: 0, left: 0, right: 0, borderBottomWidth: 0, }, Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationWhat you can do with signing up
Images · React Native
Static Image Resources React Native provides a unified way of managing images and other media assets in your Android and iOS apps. To add a static image to your app, place it somewhere in your source code tree and reference it like this: The image name is resolved the same way JS modules are resolved. In the example above, the bundler will look for my-icon.png in the same folder as the component
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - lottie-react-native/lottie-react-native: Lottie wrapper for React Native.
GitHub - microsoft/TypeScript-React-Native-Starter: A starter template for TypeScript and React Native with a detailed README describing how to use the two together.
GitHub - magicismight/react-native-root-siblings: A sibling elements manager.
GitHub - jacklam718/react-native-modals: A react native modals library. Swipeable. Highly customizable. Support multi modals & Support custom animation. For IOS & Android.
GitHub - react-native-component/react-native-smart-badge: A smart badge for react-native apps
GitHub - evollu/react-native-fcm: react native module for firebase cloud messaging and local notification
react native FlatList Default scroll to the bottom
React Native Align Position Button View at Bottom of Screen Example
Jest snapshot testing fails for <img /> tag. · Issue #4991 · jestjs/jest
Use correct library reference for libfishhook.a in RCTWebSocket by eliperkins · Pull Request #19579 · facebook/react-native