タイトルが示すように、私は現在、基本的な音符とコード、コード ジェネレーター、そしてもちろんギター チューナーに関する情報を含むギター アプリケーションを作成しています。私は、最も困難な部分であると信じているところから始めることにしましたが、残念なことに、ほとんどまたはまったく進歩していません.
BottomNavigationBarを含めて、それぞれが 1 ページを占めるこれら 3 つのツール間を移動したいと考えています。StatelessWidgetを使用している間はナビゲーションを機能させることができますが、記録目的で_TunerStateを使用し始めると、エラーが発生し始めます。
main.dartだけを使用して別のアプリケーションでこのツールを機能させることができましたが、そのソリューションをプロジェクトに統合するのは難しいことがわかりました。
私がやろうとしているのは、_TunerStateクラスを使用してflutter_fft レコーダーを初期化して開始することです。これは、周波数、音符などのマイク入力および出力情報の変化をリッスンします。
以下は、ナビゲーションを担当する私のhome_widget.dartです。少なくとも、それは私がそれでやろうとしていることです
class Home extends StatefulWidget {
const Home({Key? key}) : super(key: key);
@override
_HomeState createState() => _HomeState();
}
class _HomeState extends State {
int currentTab = 0;
late Widget currentPage;
late Fretboard fretboard;
late ChordGen chordGen;
late Tuner tuner;
late List<Widget> pages;
@override
void initState() {
fretboard = Fretboard();
chordGen = ChordGen();
tuner = Tuner();
pages = [fretboard, chordGen, tuner];
currentPage = fretboard;
super.initState();
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
systemOverlayStyle: SystemUiOverlayStyle(statusBarColor: Colors.transparent),
toolbarHeight: -24,
),
body: currentPage,
bottomNavigationBar: BottomNavigationBar(
currentIndex: currentTab,
onTap: (int index) {
setState(() {
currentTab = index;
currentPage = pages[index];
});
},
items: <BottomNavigationBarItem>[
BottomNavigationBarItem(
icon: Icon(GuitarIcons.two_music_notes, size: 30),
title: Text("Fretboard")),
BottomNavigationBarItem(
icon: Icon(GuitarIcons.generator, size: 30),
title: Text("Generator")),
BottomNavigationBarItem(
icon: Icon(GuitarIcons.sound_bars, size: 30),
title: Text("Tuner")),
],
),
);
}
}
そして、ここに私の tuner.dart があります。これは、flutterFft.onRecorderStateChange.listen などのためにステートフルである必要があります。
class Tuner extends StatefulWidget {
@override
_TunerState createState() => _TunerState();
}
class _TunerState extends State<Home> {
double? frequency;
String? note;
int? octave;
bool? isRecording;
FlutterFft flutterFft = FlutterFft();
_initialize() async {
print("Starting recorder...");
// print("Before");
// bool hasPermission = await flutterFft.checkPermission();
// print("After: " + hasPermission.toString());
// Keep asking for mic permission until accepted
while (!(await flutterFft.checkPermission())) {
flutterFft.requestPermission();
// IF DENY QUIT PROGRAM
}
// await flutterFft.checkPermissions();
await flutterFft.startRecorder();
print("Recorder started...");
setState(() => isRecording = flutterFft.getIsRecording);
flutterFft.onRecorderStateChanged.listen(
(data) => {
print("Changed state, received: $data"),
setState(
() => {
frequency = data[1] as double,
note = data[2] as String,
octave = data[5] as int,
},
),
flutterFft.setNote = note!,
flutterFft.setFrequency = frequency!,
flutterFft.setOctave = octave!,
print("Octave: ${octave!.toString()}"),
sleep(const Duration(milliseconds: 100))
},
onError: (err) {
print("Error: $err");
},
onDone: () => {print("Isdone")});
}
@override
void initState() {
isRecording = flutterFft.getIsRecording;
frequency = flutterFft.getFrequency;
note = flutterFft.getNearestNote;
octave = flutterFft.getOctave;
super.initState();
_initialize();
}
@override
Widget build(BuildContext context) {
return MaterialApp(
title: "Simple flutter fft example",
theme: ThemeData.dark(),
color: Colors.blue,
home: Scaffold(
backgroundColor: Colors.purple,
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
isRecording!
? Text("Current note: ${note!}",
style: TextStyle(fontSize: 30))
: Text("Not Recording", style: TextStyle(fontSize: 35)),
isRecording!
? Text(
"Current frequency: ${frequency!.toStringAsFixed(2)}",
style: TextStyle(fontSize: 30))
: Text("Not Recording", style: TextStyle(fontSize: 35))
],
),
),
));
}
}
そのため、Android Emulator でアプリケーションを実行しようとすると、このエラー メッセージが表示されます
======== Exception caught by widgets library =======================================================
The following assertion was thrown building _BodyBuilder:
StatefulWidget.createState must return a subtype of State<Tuner>
The createState function for Tuner returned a state of type _TunerState, which is not a
subtype of State<Tuner>, violating the contract for createState.
The relevant error-causing widget was:
Scaffold Scaffold:file:///C:.../guitar_app/lib/home_widget.dart:42:12
When the exception was thrown, this was the stack:
**followed by nearly 200 lines of error code....**
私はオンラインで見回しましたが、この問題に完全に適合するものを見つけることができないようですが、それを見たときに答えがわからないだけかもしれません....
さらに情報が必要な場合はお知らせください。ここにすべてを記載したことを願っています。私は Flutter にはかなり慣れていませんが、Java、JS、Python、HTML など、他の一般的な言語のほとんどについて知識があります。
事前に感謝します。どんな助けも大歓迎です。または、より良いアプローチに関する提案も間違いなく役に立ちます:)