如何在我的 JS 文件中使用 main.dart 變量？

Question

我正在嘗試使用 flutter 創建一個調用應用程序，並且我已經使用 node.js 創建了后端。 這是我在 flutter 中的 main.dart 文件的樣子：

import 'package:flutter/material.dart';
import 'dart:async';
import 'dart:io';
import 'package:flutter/services.dart';
import 'package:flutter_dialpad/flutter_dialpad.dart';

import 'dart:js';
import 'package:js/js.dart';

void main() => runApp(MyApp());

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        backgroundColor: Colors.black,
        body: SafeArea(
            child:
            DialPad(
                enableDtmf: true,
                outputMask: "(000) 000-0000",
                backspaceButtonIconColor: Colors.red,
                makeCall: (number){
                  print(number);
                }
            )
        ),
      ),
    );
  }
}

我想在我的 app.js 文件中使用這個“數字”變量，如下所示：

const accountSid = '***';
const authToken = '***';
const client = require('twilio')(accountSid, authToken);

client.calls.create({
          url: 'http://demo.twilio.com/docs/voice.xml',
         to: '+10000000',
         from: '+1000000',
       }, function(err, call){
           if (err) {
               console.log(err);
           } else {
            console.log(call.sid);
           }
       })

我希望能夠在 app.js 文件的“to”字段中使用 main.dart 文件中的“number”變量。 請幫幫我...

Answer 1

您需要的是一種在應用程序之間傳遞數據的方法，最簡單的方法是通過 REST API 您可以使用 NodeJS 中的HTTP 模塊或 Express 等第三方包，並設置到 NodeJS 服務器的 POST 路由，其中數字作為數據發送。 在您的服務器上收到數據后，您可以調用您的 Twilio 函數，並發送回響應。 在 Flutter 上，您可以使用http 包進行 API 調用。