I feel like I made a mistake investing professionally into Flutter(reddit.com)

    return Scaffold(
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            BigCard(pair: pair),
            SizedBox(height: 10),
            ElevatedButton(
              onPressed: () => appState.getNext(),
              child: Text('Next'),
            ),
          ],
        ),
      ),
    );
  }

    var body: some View {
        VStack {
            BigCard(pair: appState.current)
                .padding(.bottom, 10)
            
            Button("Next") {
                appState.getNext()
            }
            .padding()
            .background(Color.blue)
            .foregroundColor(.white)
            .cornerRadius(8)
        }
        .frame(maxWidth: .infinity, maxHeight: .infinity)
        .padding()
    }

  const getNext = () => {
    // Logic to get the next pair
    // You'll need to implement this function
  };

  return (
    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
      {/* Replace BigCard with appropriate React Native components */}
      <BigCard pair={pair} />
      <View style={{ marginVertical: 10 }}>
        <Button title="Next" />
      </View>
    </View>
  );