小编Bnd*_*706的帖子

(Flutter) TextFormField 在焦点上更改 labelColor

我试图labelText在聚焦时改变我的颜色。我可以更改文本颜色,但不能在聚焦时更改。

我已经尝试了所有提示文本颜色和标签文本颜色,但没有任何帮助。

Container(
  padding: EdgeInsets.fromLTRB(15, 10, 15, 0),
  child: TextFormField(
    cursorColor: Colors.lightGreen,
    keyboardType: TextInputType.phone,
    decoration: InputDecoration(
      labelText: 'Phone Number',
      hintText: 'Enter a Phone Number',
      focusedBorder: OutlineInputBorder(
        borderSide: BorderSide(
          color: Colors.lightGreen
        )
      ),
      border: OutlineInputBorder(
        borderSide: BorderSide()
      ),
    )
  ),
),
Run Code Online (Sandbox Code Playgroud)

以下是正在发生的事情的图像:

在此处输入图片说明

在此处输入图片说明

form-fields dart flutter

25
推荐指数
10
解决办法
4万
查看次数

Flutter 自定义动画图标

我希望制作一个可以从列表中添加和删除的项目。

我正在寻找的是具有 + 图标和 - 图标并在 2 之间设置动画以获得干净流畅的外观。

我有以下代码

Container(
            padding: EdgeInsets.fromLTRB(0, 0, 20, 0),
            child: AnimatedIcon(
              icon: AnimatedIcons.home_menu,
              progress: _animationController,
              color: Colors.white,
            ))
Run Code Online (Sandbox Code Playgroud)

void _handleOnPressed() {
setState(() {
  isPlaying = !isPlaying;
  isPlaying
      ? _animationController.forward()
      : _animationController.reverse();
  });
}
Run Code Online (Sandbox Code Playgroud)

这对于颤振中的内置动画图标来说很好。

我希望使用 + 和 - 图标,但外观相同。

有没有办法做到这一点?

dart flutter

15
推荐指数
3
解决办法
2万
查看次数

如何在顺风中向图像添加剪辑路径

我正在寻找一个剪辑路径来在我的网站上做分隔线。我想剪掉纯白色背景,并允许下面部分中的图像进入其中。

我看过 css 示例,但我使用的是 Tailwinds 和 Next.jS

我似乎无法找到任何帮助。

通常在 CSS 中你可以这样做。

header {
  clip-path: polygon(
    0 0,
    100% 0,
    100% 100%,
    0 calc(100% - 6vw)
  );
}
Run Code Online (Sandbox Code Playgroud)

但使用顺风和反应,我不知道如何做到这一点。

我正在努力达到这样的效果。

这就是我试图通过 React/NExt.js 和 tailwind 实现的目标

reactjs next.js tailwind-css

15
推荐指数
2
解决办法
3万
查看次数

Flutter - 排序 Cloud Firestore

我正在尝试对进入的列表视图进行排序。由于此列表视图是图像,因此我向 firestore 对象添加了一个数字,以便我可以升序排序。

我似乎无法对项目进行排序,而且我确信这是我构建应用程序的方式。

我试图将 .orderBy() 添加到集合中,但是它说 Query 不是 CollectionReference 的类型。

这是我的页面

import 'package:flutter/material.dart';
import 'dart:async';
import 'package:cloud_firestore/cloud_firestore.dart';

class Events extends StatefulWidget {
  @override
  _EventsState createState() => _EventsState();
}

class _EventsState extends State<Events> {
  StreamSubscription<QuerySnapshot> subscription;

  List<DocumentSnapshot> snapshot;

  CollectionReference collectionReference =
  Firestore.instance.collection("Events");


  @override

  void initState() {
    subscription = collectionReference.snapshots().listen((datasnapshot) {
      setState(() {
        snapshot = datasnapshot.documents;
      });
    });
    super.initState();
  }

//  passData(DocumentSnapshot snap) {
//    Navigator.of(context).push(
//        MaterialPageRoute(builder: (context) => EventPage(snapshot: snap,)));
//  }

  Widget build(BuildContext context) {
    return Scaffold(
         backgroundColor: …
Run Code Online (Sandbox Code Playgroud)

dart firebase flutter google-cloud-firestore

10
推荐指数
1
解决办法
1万
查看次数

如何设置 Flutter iPhone X 安全区域

我在这个项目中使用 Flutter 的原因是为了在 1 个代码库中同时获得 Android 和 iPhone。Android 应用程序看起来不错,底部导航栏点击屏幕上的主页。

然而,iPhone 版本遇到了 iPhone X 型号上的向上滑动条的情况。

有办法解决这个问题吗?我希望能够调整它,但我不需要阴影,我只想要一种纯色。

我使用了 SafeArea,虽然它确实解决了这个问题。它还导致酒吧向上移动并且看起来很奇怪。

bottomNavigationBar: SafeArea(
     child: bmnav.BottomNav(
      elevation: 9.0,
      index: _currentTab,
      iconStyle: bmnav.IconStyle(
          color: Colors.grey, onSelectColor: Colors.lightGreen),
      labelStyle: bmnav.LabelStyle(
          onSelectTextStyle: TextStyle(color: Colors.lightGreen)),
      onTap: (int index) {
        setState(() {
          _currentTab = index;
        });
      },
      items: [
        bmnav.BottomNavItem(Customicons.main, label: "Home"),
        bmnav.BottomNavItem(Customicons.bible, label: "Bible"),
        bmnav.BottomNavItem(Customicons.sermons, label: "Sermons"),
        bmnav.BottomNavItem(FontAwesomeIcons.pray, label: "Prayer"),
        bmnav.BottomNavItem(Icons.more_horiz, label: "More"),
      ]),
),
Run Code Online (Sandbox Code Playgroud)

这就是有和没有安全区域的情况。但我正在寻找的是一种出售的外观,基本上就像一个大的底部导航栏。

在此输入图像描述在此输入图像描述

dart flutter

5
推荐指数
1
解决办法
9680
查看次数

Get-ADGroupMember:超出了此请求的大小限制

我试图从一个文本文件中拉出组,我的一个组太大,80,000人.

我如何让它工作l,它输出我想要的方式.

$groups = Get-Content c:\temp\ADGroups.txt

foreach($group in $groups) {
    @(Get-ADGroup $group -Properties Member| Select-Object -ExpandProperty Member).Count
    Get-ADGroupMember -Identity $group |
        Get-ADObject -Properties Name, DisplayName |
        Select-Object -Property @{n="Username";e={$_.Name}}, DisplayName,
            @{n="AD Group";e={$group}} |
        Export-Csv C:\Users\Desktop\GroupsInfo.CSV -NoTypeInformation -Append
}
Run Code Online (Sandbox Code Playgroud)

powershell active-directory

4
推荐指数
3
解决办法
3万
查看次数

当要显示为字符串时,Flutter 从列表中删除空格、逗号和括号

我想浏览我的字符串列表,并将其添加到文本元素中进行显示,但我想删除逗号并删除 [] 以及空格,但保留除逗号和括号之外的符号。

所以如果列表是。

[1,2,#3,*4,+5]

在文本字段中我希望它显示 - “12#3*4+5”

我可以弄清楚如何显示它,但我正在使用

Text(myList.tostring().replaceAll('[\\]\\,\\', '')
Run Code Online (Sandbox Code Playgroud)

有没有办法做到这一点?

dart flutter

4
推荐指数
1
解决办法
8774
查看次数

Flutter - 列出图块或卡片分隔符

我正在从 Firestore 数据库构建列表视图。我最初想通过 ListTiles 分隔我的项目,因为我知道它们可以做分隔符,但是我没有从瓷砖中获得我想要的高度,所以我转向了透明卡片。

问题是我无法弄清楚如何在每张卡片后添加分隔符或分隔符。

到目前为止,这是我的代码

Widget build(BuildContext context) {
if (snapshot == null) return CircularProgressIndicator();
return Scaffold(
  body: ListView.builder(
          itemCount: snapshot.length,
          itemBuilder: (context, index){
            return Card(
              elevation: 0,
              color: Colors.transparent,
              child: Row(
                children: <Widget>[
                  Padding(padding: EdgeInsets.all(10.0),),
                  Column(
                    children: <Widget>[
                      Padding(padding: EdgeInsets.all(10.0),),
                      Text(snapshot[index].data["month"], style:
                        TextStyle(fontSize: 30, fontWeight: 
FontWeight.w300),),
                      Text(snapshot[index].data["day"], style:
                      TextStyle(fontSize: 20),),
                    ],
                  )
                ],
              ),
            );
          }
        ),
      );

  }
}
Run Code Online (Sandbox Code Playgroud)

想要的 在此处输入图片说明

当前的

在此处输入图片说明

我认为列表磁贴会更好地工作,但我尝试了我知道如何构建自定义列表磁贴的方法,但我无法复制结果。

dart flutter flutter-layout

2
推荐指数
1
解决办法
3467
查看次数

React Native 地图转到标记

因此,我正在构建一个使用标记刷新 GPS 位置的应用程序。问题是初始区域不在标记附近并且会发生变化。

我有一个刷新 GPS 位置的按钮,有没有办法让地图转到标记处?

我在文档中没有看到任何说明这一点的内容。

<MapView
      style={styles.map}
      initialRegion={region}
      ref={_map}
      onRegionChangeComplete={region => {setRegion(region)}}
    >
      <Marker
        coordinate={{
          latitude: lat,
          longitude: long,
        }}
        key={lat}
        title="Location"
        style={{width: 26, height: 40}}
        description={address}
        resizeMode='contain'
      />
    </MapView>
Run Code Online (Sandbox Code Playgroud)

react-native react-native-maps

2
推荐指数
1
解决办法
1289
查看次数

Flutter - 自定义单选按钮

我正在尝试在我的 Flutter 应用程序中构建一个表单,我想让用户选择多个项目,类似于单选按钮。

我只是不喜欢单选按钮的外观,所以我想要更多类似于下面的材料按钮的东西。

https://ibb.co/qMf76z4

我试过构建这是一个列表视图,但我无法让它表现得像一个单选按钮或选择器按钮

现在,我尝试了一些选项,但我真的只想让一个材质按钮看起来像单选按钮,当我提交表单时,按钮中的数据将通过。

dart flutter

1
推荐指数
1
解决办法
2872
查看次数

Flutter自定义抽屉尺寸

我正在寻找在 Flutter 中调整我的抽屉的大小。我不希望抽屉挡住 AppBar,也不希望它超过 50%,寻找这样的东西。

在此输入图像描述

目前就是这样。

在此输入图像描述

我目前的代码是一个基本的 endDrawer

我见过人们在哪里放置了第二个脚手架,或者人们在抽屉中放置了应用栏,但我认为它看起来很便宜。

我宁愿让抽屉只在主区域打开,并且大小可能只打开屏幕宽度的 50%。

我可以这样做吗?

import 'package:flutter/material.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';

class Home extends StatefulWidget {
  @override
  _HomeState createState() => _HomeState();
}

class _HomeState extends State<Home> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      endDrawer: Drawer(
        child: Container(
          color: Colors.grey,
          child: Column(
            children: <Widget>[],
          ),
        ),
      ),
      backgroundColor: Colors.white,
      appBar: AppBar(
        actions: [
          Builder(
            builder: (context) => IconButton(
              icon: Icon(FontAwesomeIcons.ellipsisV),
              onPressed: () => Scaffold.of(context).openEndDrawer(),
              tooltip: MaterialLocalizations.of(context).openAppDrawerTooltip,
            ),
          ),
        ],
        backgroundColor: Color(0xfff11b7c),
        title: Row(
          children: <Widget>[ …
Run Code Online (Sandbox Code Playgroud)

dart flutter

1
推荐指数
1
解决办法
3349
查看次数