@@ -7,6 +7,9 @@ import 'package:arhcoder/Widgets/titular.dart';
77
88class WrittingScreen extends StatelessWidget
99{
10+ final double textFieldHight = 60 ;
11+
12+
1013 ScrollController scrollController = ScrollController ();
1114
1215 @override
@@ -43,124 +46,135 @@ class WrittingScreen extends StatelessWidget
4346 tablet = false ;
4447 }
4548
46- return Panel
49+ // Margen horizontal de las cartas según la pantalla //
50+ double horizontalMargin =
51+ desktop || tablet ? Constants .blockNavigationButtonSpace
52+ : Constants .padding * 1.2 ;
53+
54+ return Container
4755 (
48- title : S .current.writing_screen,
49- cardHeight : 50 ,
50- largeCards : true ,
51-
52- cards :
53- [
54- GridView
55- (
56- gridDelegate : SliverGridDelegateWithFixedCrossAxisCount
56+ child : Column
57+ (
58+ mainAxisAlignment : MainAxisAlignment .start ,
59+ crossAxisAlignment : CrossAxisAlignment .center,
60+
61+ children :
62+ [
63+ // Titular //
64+ Container
5765 (
58- crossAxisCount: 2 ,
59- mainAxisExtent: 50 ,
60-
61- crossAxisSpacing:
62- desktop || tablet? Constants .marginInterior / 2
63- : Constants .marginInterior / 2 ,
66+ width:
67+ desktop ? Constants .webBlockWidth - (Constants .blockNavigationButtonSpace * 2 ):
68+ tablet ? deviceWidth * 0.90 - (Constants .blockNavigationButtonSpace * 2 ):
69+ deviceWidth * 0.90 ,
6470
65- mainAxisSpacing:
66- desktop || tablet? Constants .marginInterior / 2
67- : Constants .marginInterior / 2
71+ child: Titular (title: S .current.writing_screen)
6872 ),
6973
70- children:
71- [
72- TextField
73- (
74- decoration: InputDecoration
75- (
76- border: OutlineInputBorder (),
77- prefixIcon: Icon (Icons .person),
78- hintText: S .current.first_name,
79- labelText: S .current.first_name
80- )
81- ),
82- TextField
83- (
84- decoration: InputDecoration
85- (
86- border: OutlineInputBorder (),
87- prefixIcon: Icon (Icons .person),
88- hintText: S .current.first_name,
89- labelText: S .current.first_name
90- )
91- )
92- ]
93- ),
94-
95- GridView
96- (
97- gridDelegate: SliverGridDelegateWithFixedCrossAxisCount
74+ SizedBox
9875 (
99- crossAxisCount: 2 ,
100- mainAxisExtent: 50 ,
101-
102- crossAxisSpacing:
103- desktop || tablet? Constants .marginInterior / 2
104- : Constants .marginInterior / 2 ,
105-
106- mainAxisSpacing:
107- desktop || tablet? Constants .marginInterior / 2
108- : Constants .marginInterior / 2
76+ height:
77+ desktop? Constants .marginExterior
78+ : tablet? Constants .marginExterior / 2
79+ : Constants .marginExterior / 3
10980 ),
110-
111- children:
112- [
113- TextField
114- (
115- decoration: InputDecoration
116- (
117- border: OutlineInputBorder (),
118- prefixIcon: Icon (Icons .email),
119- hintText: S .current.email,
120- labelText: S .current.email
121- )
122- ),
123- TextField
124- (
125- decoration: InputDecoration
126- (
127- border: OutlineInputBorder (),
128- prefixIcon: Icon (Icons .subject),
129- hintText: "Asunto" ,
130- labelText: "Asunto"
131- )
132- )
133- ]
134- ),
135-
136- GridView
137- (
138- gridDelegate: SliverGridDelegateWithFixedCrossAxisCount
81+ Expanded
13982 (
140- crossAxisCount: 1 ,
141- mainAxisExtent: 400
142- ),
143-
144- children:
145- [
146- Container
83+ child: Container
14784 (
148- height: 400 ,
149- child: TextField
85+ width: Constants .webBlockWidth,
86+
87+ padding: EdgeInsets .symmetric (horizontal: horizontalMargin),
88+
89+ child: Scrollbar
15090 (
151- decoration: InputDecoration
91+ controller: scrollController,
92+ child: ListView
15293 (
153- border: OutlineInputBorder (),
154- prefixIcon: Icon (Icons .message),
155- hintText: S .current.message,
156- labelText: S .current.message,
157- ),
158- maxLines: 4
94+ controller: scrollController,
95+ children:
96+ [
97+
98+ Row
99+ (
100+ children:
101+ [
102+ Container
103+ (
104+ height: textFieldHight,
105+
106+ width:
107+ desktop ? (Constants .webBlockWidth - (Constants .blockNavigationButtonSpace * 2 )) / 2 - Constants .marginInterior
108+ : tablet ? deviceWidth * 0.90 - (Constants .blockNavigationButtonSpace * 2 )
109+ : deviceWidth * 0.90 ,
110+
111+ child: TextField
112+ (
113+ decoration: InputDecoration
114+ (
115+ border: OutlineInputBorder (),
116+ prefixIcon: Icon (Icons .person),
117+ hintText: S .current.first_name,
118+ labelText: S .current.first_name
119+ )
120+ )
121+ ),
122+ SizedBox (width: Constants .marginInterior),
123+ Container
124+ (
125+ height: textFieldHight,
126+
127+ width:
128+ desktop ? (Constants .webBlockWidth - (Constants .blockNavigationButtonSpace * 2 )) / 2 - Constants .marginInterior
129+ : tablet ? deviceWidth * 0.90 - (Constants .blockNavigationButtonSpace * 2 )
130+ : deviceWidth * 0.90 ,
131+
132+ child: TextField
133+ (
134+ decoration: InputDecoration
135+ (
136+ border: OutlineInputBorder (),
137+ prefixIcon: Icon (Icons .person),
138+ hintText: S .current.first_name,
139+ labelText: S .current.first_name
140+ )
141+ )
142+ )
143+ ]
144+ )
145+ ]
146+ )
159147 )
160148 )
161- ]
162- )
163- ]
149+ )
150+ ]
151+ )
164152 );
165153 }
166- }
154+ }
155+
156+
157+
158+
159+ /*
160+ TextField
161+ (
162+ decoration: InputDecoration
163+ (
164+ border: OutlineInputBorder(),
165+ prefixIcon: Icon(Icons.person),
166+ hintText: S.current.first_name,
167+ labelText: S.current.first_name
168+ )
169+ )
170+ TextField
171+ (
172+ decoration: InputDecoration
173+ (
174+ border: OutlineInputBorder(),
175+ prefixIcon: Icon(Icons.person),
176+ hintText: S.current.first_name,
177+ labelText: S.current.first_name
178+ )
179+ )
180+ */
0 commit comments