我试图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)
以下是正在发生的事情的图像:
我希望制作一个可以从列表中添加和删除的项目。
我正在寻找的是具有 + 图标和 - 图标并在 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)
这对于颤振中的内置动画图标来说很好。
我希望使用 + 和 - 图标,但外观相同。
有没有办法做到这一点?
我正在寻找一个剪辑路径来在我的网站上做分隔线。我想剪掉纯白色背景,并允许下面部分中的图像进入其中。
我看过 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)
但使用顺风和反应,我不知道如何做到这一点。
我正在努力达到这样的效果。
我正在尝试对进入的列表视图进行排序。由于此列表视图是图像,因此我向 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) 我在这个项目中使用 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)
这就是有和没有安全区域的情况。但我正在寻找的是一种出售的外观,基本上就像一个大的底部导航栏。
我试图从一个文本文件中拉出组,我的一个组太大,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) 我想浏览我的字符串列表,并将其添加到文本元素中进行显示,但我想删除逗号并删除 [] 以及空格,但保留除逗号和括号之外的符号。
所以如果列表是。
[1,2,#3,*4,+5]
在文本字段中我希望它显示 - “12#3*4+5”
我可以弄清楚如何显示它,但我正在使用
Text(myList.tostring().replaceAll('[\\]\\,\\', '')
Run Code Online (Sandbox Code Playgroud)
有没有办法做到这一点?
我正在从 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)
当前的
我认为列表磁贴会更好地工作,但我尝试了我知道如何构建自定义列表磁贴的方法,但我无法复制结果。
因此,我正在构建一个使用标记刷新 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) 我正在尝试在我的 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 ×8
flutter ×8
firebase ×1
form-fields ×1
next.js ×1
powershell ×1
react-native ×1
reactjs ×1
tailwind-css ×1