フルスタックチャンネル
サインアップサインアップ
ログインログイン
利用規約プライバシーポリシーお問い合わせ
Copyright © All rights reserved | FullStackChannel
解決済
App.jsを修正しても修正内容が仮想スマホに反映されない
Django
ReactNative
miya
2022/08/14 15:33

実現したいこと

はじめてのReact NativeとDjango REST Frameworkスマホアプリ開発
https://www.youtube.com/watch?v=CWVKWtb2UZk&t=509s
14:00で実施しているコードの修正がすぐに反映され赤文字になるというところを再現したい。

発生している問題

App.jsに修正内容が反映されない
あと画面に表示されている文字が小さい(もしかしてstyleが反映されていない?)
"フルスタックチャンネル"という文字は表示されています。

ソースコード

import { Text, View } from 'react-native'
import tw from 'twrnc'

export default function App(){
return (
<View style={twflex-1 justify-center items-center bg-gray-100}>
<Text style={twtext-2x1 font-bold text-red-500}>フルスタックチャンネル </Text>
</View>
)
}

自分で試したこと

"React Native" "修正が反映されない"でGoogle検索しましたが
めぼしい情報が見つかりませんでした。

補足情報

以下に書き換えたらエラーが出ました。
import AppNavigator from './navigation/AppNavigator'

export default functon App() {
return <AppNavigator />
}

エラーメッセージ " ';(セミコロン)' が必要です。ts(1005)"
何か設定が足りてないでしょうか?

回答 2件
login
回答するにはログインが必要です
miya
3年近く前

ありがとうございました。
解決しました。
とても良い動画を投稿して頂きありがとうございます。

はる@講師
3年近く前

ホットリロードはデフォルトで有効になってるはずですが、下記の記事を参考にしてみてください。

https://qiita.com/ariiyu/items/e826084af52cf79eb21e