flutter 如何在扫描条形码时返回不同的值?

nkoocmlb  于 2023-03-13  发布在  Flutter
关注(0)|答案(1)|浏览(117)

扫描条形码时返回两个不同的值时遇到问题。目前,扫描条形码时,两个文本小工具返回相同的值。我需要每个文本小工具采用不同的值。如何实现这一点?

屏幕截图:条形码扫描

String? scanResult;

 Future scanBarcode() async {
    String scanResult;
    try{

    scanResult = await FlutterBarcodeScanner.scanBarcode("#ff6666", "Cancel", true, ScanMode.BARCODE);
    } on PlatformException{
      scanResult = 'Failed to get platform verion';
    }
    if (!mounted) return;
    setState(() => this.scanResult = scanResult);
  }
我的显示扫描结果代码
Text(
                    '$scanResult',
                    textAlign: TextAlign.center,
                    style: TextStyle(
                      color: Colors.black,
                      fontSize: 24.0,
                      fontWeight: FontWeight.bold,
                    ),
                  ),

 Text(
                    '$scanResult',
                    textAlign: TextAlign.center,
                    style: TextStyle(
                      color: Colors.black,
                      fontSize: 24.0,
                      fontWeight: FontWeight.bold,
                    ),
                  ),

**我的问题:**如附图所示。我在数据部分有两个值。如何在两个小部件中分别显示这两个数据?

zc0qhyus

zc0qhyus1#

必须使用split捕获并分离结果

Text(
                    '${scanResult.split('\n')[0]}',
                    textAlign: TextAlign.center,
                    style: TextStyle(
                      color: Colors.black,
                      fontSize: 24.0,
                      fontWeight: FontWeight.bold,
                    ),
                  ),

 Text(
                    '${scanResult.split('\n')[1]}',
                    textAlign: TextAlign.center,
                    style: TextStyle(
                      color: Colors.black,
                      fontSize: 24.0,
                      fontWeight: FontWeight.bold,
                    ),
                  ),`

相关问题