ウェブサイト検索
TypeScriptでReact-Nativeをデバッグする
React-Nativeの黄色いボックス警告である Possible Unhandled Promise Rejection をデバッグしています。これが突然出てきて、かなり大きなコードベースなのでどこからか分かりません。
問題は、その警告がローカルホストのブロブのみを指していることです。
Possible Unhandled Promise Rejection (id: 0): Error: Network Error Error: Network Error at createError (blob:http://localhost:8081/b6bcf60a-2862-40b3-bc2f-8bded9973f69:64300:17) at XMLHttpRequest.handleError (blob:http://localhost:8081/b6bcf60a-2862-40b3-bc2f-8bded9973f69:64208:16) at XMLHttpRequest.dispa 続きを読む →javascript - React Native の TextInput のプレースホルダーが iOS で onContentSizeChange の contentSize.height を間違えてしまう
私はこのようなプレースホルダー付きの複数行テキスト入力を使用しています。私はTextInputの高さを変更するためにonContentSizeChangeを使用しています。
<TextInput placeholder='abcd' placeholderTextColor='gray' multiline={true} onContentSizeChange={(e) => console.log(e.nativeEvent.contentSize)} value='' style={{width:'100%'}} />このプレースホルダーのために、onContentSizeChange は textInput の高さを誤って返しています。
Androidでは完璧に動作しますが、iOSではうまくいきません。
テキスト入力の幅がプレースホルダーの長さと等しいと仮定しているため、テキストの長さがプレースホルダーの長さより大きくなると onContentSi
続きを読む →reactjs - React Native Webプロジェクトの実行に失敗しました
私は、GitHubのこのスタータープロジェクトテンプレートを基に、React Native for Web、TypeScript、Nativebase UIライブラリを使用して、Web、iOS、Android向けのReact Nativeアプリを開発しています。
https://github.com/ethanneff/react-native-web-typescript
問題は、コマンド yarn web を実行すると、次のエラーが表示されることです:
yarn run v1.12.1 react-scripts-ts start Starting type checking and linting service... Using 1 worker with 2048MB memory limit Watching: d:\example\src Starting the development server... ts-loader: Using [email protected] and d:\exampl 続きを読む →javascript - React-native - ユーザーの位置に基づく drawerLabel
私はReact Nativeのアプリケーションを持っており、ユーザーの位置情報に応じてメニュー項目をレンダリングする必要があります。しかし、ユーザーの位置情報を返す関数は非同期関数であり、undefinedが返ってきてしまいます。ですので、私の質問は、ユーザーの位置情報に基づいて
typescript - React NativeにApp.jsの代わりにApp.tsxを使うように指示する
TypeScriptでプロジェクトのひな型を作りましたが、メインのindex.jsファイルがApp.tsxではなくApp.jsを参照しています。
App.js の代わりに TypeScript ファイル（App.tsx）を使用するようにプロジェクトを設定するにはどうすればよいですか？
私のプロジェクトの構造は以下の通りです:
これは react-native init X --template typescript を使用してスキャフォールドされました
続きを読む →React NativeコンポーネントをテストするときのTypeScriptとFlowの競合
私は、TypeScriptで書かれたシンプルなReact Nativeコンポーネントをテストしようとしている、シンプルなReact Nativeのボイラープレートを持っています:
// Splash.tsx import React, { Component } from 'react'; import { SContainer, STitle, SSubtitle, SPara } from './Splash.style'; export default class Splash extends Component { render() { return ( <SContainer> <STitle>Clean Slate</STitle> <SSubtitle>A react-native boilerplate</SSubtitle> <SPara> with TypeScript 続きを読む →javascript - React Native | Typescript と recompose を使用してキーボードの endCoordinates にアクセスする方法
私は自分の React Native アプリで Recompose と TypeScript を使っています。そして、キーボードの高さを取得するために Keyboard の endCoordinates にアクセスしようとしています。この記事とこの投稿に従いましたが、endCoordinates にアクセスできず、常に undefined です。
これが私が試したことです：
const withLifeCycle = lifecycle<Handlers, {}> ({ componentDidMount() { // @ts-ignore this.keyboardDidShowListener = Keyboard.addListener('keyboardDidShow', this.props._keyboardDidShow) }, componentWillUnmount() { // @ts-ignore this.keyboardDidShowListene 続きを読む →TypeScript - React Native イベントでの RxJS fromEventPattern
私はRxJSを使ってReact Nativeでネイティブイベントをフィルタリングしようとしています。私はEventEmitterを公開しているreact-native-ble-managerを使用しています。基本的に、RxJSを使わない場合、私は以下のようにしています（ここでは関連するコードのみを示しています）：
import React from 'react'; import RX from 'reactxp'; import { AppState, Platform, NativeModules, NativeEventEmitter, EmitterSubscription, PermissionsAndroid, ListView } from 'react-native'; import BleManager, { Peripheral } from 'react-native-ble-manager'; const BleManagerModule = NativeModules.BleManager; const bleManager 続きを読む →reactjs - React Native ExpoでURL画像をBase64に変換する
私はAPIから画像を読み込むアプリを作っています。アプリの要件は、これらの画像をSQLiteベースのアプリのデータベースにオフラインで保存することです。私が考える唯一の方法は、画像をBase64文字列に変換することで、画像の表示が簡単になるということです。
以前はRN-Fetch-Blobライブラリを使っていましたが、Expoはそれをサポートしていません。なので、その方法を探していますが、何も見つかりませんでした。
私はこのライブラリ react-native-image-base64 を試しました
でも、うまくいかない
ImgToBase64.getBase64String 続きを読む →reactjs - React Native TypeScript がモジュールを見つけられません
私は現在、私たちの React Native プロジェクトを JavaScript から TypeScript に変換する過程にあります。しかし、インポートしている古いモジュールについては、次のエラーが発生しています
Cannot find module 'numeral'「numeral」モジュールは明らかに/node_modulesディレクトリにありますが
回答 #1
TypeScript ファイルで使用される node モジュールの場合、単に yarn add @types/numeral --dev を実行して、node モジュールを node_modules/@types フォルダに追加すれば問題が解決することがわかりました
続きを読む →