[{"id":4195,"date":"2019-06-30T13:42:55","date_gmt":"2019-06-30T07:42:55","guid":{"rendered":"https:\/\/thinkdiff.net\/?p=4195"},"modified":"2019-06-30T14:09:13","modified_gmt":"2019-06-30T08:09:13","slug":"flutter-making-a-text-field-with-rounded-border","status":"publish","type":"post","link":"https:\/\/thinkdiff.net\/flutter-and-dart\/flutter-making-a-text-field-with-rounded-border\/","title":{"rendered":"Flutter Making a Text Field with Rounded Border"},"content":{"rendered":"\n

Recently I have been working on a Flutter project where I have to make the text field border in a rounded shape. Also, I need to change the color of the text field border. This is how I have solved the problem.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
Container(\n  child: Padding(\n    padding: const EdgeInsets.all(15.0),\n    child: TextField(\n      minLines: 10,\n      maxLines: 15,\n      autocorrect: false,\n      decoration: InputDecoration(\n        hintText: 'Write your status here',\n        filled: true,\n        fillColor: Color(0xFFDBEDFF),\n        enabledBorder: OutlineInputBorder(\n          borderRadius: BorderRadius.all(Radius.circular(10.0)),\n          borderSide: BorderSide(color: Colors.grey),\n        ),\n        focusedBorder: OutlineInputBorder(\n          borderRadius: BorderRadius.all(Radius.circular(10.0)),\n          borderSide: BorderSide(color: Colors.grey),\n        ),\n      ),\n    ),\n  ),\n),<\/code><\/pre>\n\n\n\n
You just have to use the objectInputDecoration<\/code> and have to pass to the parameterdecoration<\/code> within the widgetTextField<\/code>.<\/p>\n\n\n\n
Also for changing border<\/g> color, I have used enabledBorder<\/code> and focusedBorder<\/code> parameters and passed the modified OutlineInputBorder<\/code>.<\/p>\n\n\n\n
If you want to change the text field<\/code> shape as rounded, just use the following code<\/p>\n\n\n\n
decoration: InputDecoration(\n    border: InputBorder.none,\n    enabledBorder: OutlineInputBorder(\n      borderRadius: BorderRadius.all(Radius.circular(10.0)),\n      borderSide: BorderSide(color: Color(00000000)),\n    ),\n    focusedBorder: OutlineInputBorder(\n      borderRadius: BorderRadius.all(Radius.circular(10.0)),\n      borderSide: BorderSide(color: Color(00000000)),\n    ),\n  ),\n),<\/code><\/pre>\n\n\n\n
In this case, set the <\/g>border<\/code> property<\/g> to <\/g>InputBorder.none<\/code>.<\/g> And using OutlineInputBorder<\/code> object set the color of BorderSide<\/code> to ARGB standard, that means  XX|RGB, first 2 digit is the alpha, so giving it to 00 makes the color transparent.<\/p>\n","protected":false},"excerpt":{"rendered":"
Recently I have been working on a Flutter project where I have to make the text field border in a rounded shape. Also, I need to change the color of the text field border. This is how I have solved the problem. You just have to use the objectInputDecoration and have to pass to the parameterdecoration within the widgetTextField. Also for changing border color, I have used enabledBorder and focusedBorder parameters and passed the modified OutlineInputBorder. If you want to change the text field shape as rounded, just use the following code In this case, set the border property to InputBorder.none. And using OutlineInputBorder object set the color of BorderSide to ARGB standard, that means XX|RGB, first 2 digit is the alpha, so giving it to 00 makes the color transparent.<\/p>\n","protected":false},"author":1,"featured_media":4196,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":""},"categories":[2117],"tags":[2108,2107,2119],"jetpack_featured_media_url":"https:\/\/i1.wp.com\/thinkdiff.net\/wp-content\/uploads\/2019\/06\/text-field.png?fit=796%2C1486&ssl=1","jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/pr3EW-15F","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"pageviews":"24","_links":{"self":[{"href":"https:\/\/thinkdiff.net\/wp-json\/wp\/v2\/posts\/4195"}],"collection":[{"href":"https:\/\/thinkdiff.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thinkdiff.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thinkdiff.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thinkdiff.net\/wp-json\/wp\/v2\/comments?post=4195"}],"version-history":[{"count":3,"href":"https:\/\/thinkdiff.net\/wp-json\/wp\/v2\/posts\/4195\/revisions"}],"predecessor-version":[{"id":4199,"href":"https:\/\/thinkdiff.net\/wp-json\/wp\/v2\/posts\/4195\/revisions\/4199"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thinkdiff.net\/wp-json\/wp\/v2\/media\/4196"}],"wp:attachment":[{"href":"https:\/\/thinkdiff.net\/wp-json\/wp\/v2\/media?parent=4195"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thinkdiff.net\/wp-json\/wp\/v2\/categories?post=4195"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thinkdiff.net\/wp-json\/wp\/v2\/tags?post=4195"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}},{"id":3568,"date":"2018-04-21T14:04:34","date_gmt":"2018-04-21T08:04:34","guid":{"rendered":"http:\/\/thinkdiff.net\/?p=3568"},"modified":"2018-04-21T14:04:34","modified_gmt":"2018-04-21T08:04:34","slug":"how-to-install-python-virtualenv-in-windows","status":"publish","type":"post","link":"https:\/\/thinkdiff.net\/python\/how-to-install-python-virtualenv-in-windows\/","title":{"rendered":"How to Install Python VirtualEnv in Windows"},"content":{"rendered":"
Virtual Environment<\/strong> or VirtualEnv<\/strong> is a popular sandboxing system to install Python and Python based library in project basis.<\/p>\n
\"\"<\/p>\n
This is how we can install VirtualEnv in Windows 10<\/strong> and latest version. Run the following commands in Windows Power Shell:<\/strong><\/p>\n
    \n
  1. Run Windows Power Shell<\/strong> as Administrator<\/strong><\/li>\n
  2. pip install virtualenv<\/li>\n
  3. pip install virtualenvwrapper-win<\/li>\n
  4. mkvirtualenv ‘C:\\Users\\mahmud\\Desktop\\Demo\\Test’<\/li>\n
  5. cd Test<\/li>\n
  6. Set-ExecutionPolicy AllSigned | Press Y and Enter<\/strong><\/li>\n
  7. Set-ExecutionPolicy RemoteSigned | Press Y and Enter<\/strong><\/li>\n
  8. .\\Scripts\\activate<\/li>\n
  9. deactivate<\/li>\n<\/ol>\n
    \"\"<\/p>\n","protected":false},"excerpt":{"rendered":"
    Virtual Environment or VirtualEnv is a popular sandboxing system to install Python and Python based library in project basis. This is how we can install VirtualEnv in Windows 10 and latest version. Run the following commands in Windows Power Shell: Run Windows Power Shell as Administrator pip install virtualenv pip install virtualenvwrapper-win mkvirtualenv ‘C:\\Users\\mahmud\\Desktop\\Demo\\Test’ cd Test Set-ExecutionPolicy AllSigned | Press Y and Enter Set-ExecutionPolicy RemoteSigned | Press Y and Enter .\\Scripts\\activate deactivate<\/p>\n","protected":false},"author":1,"featured_media":3185,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":""},"categories":[820],"tags":[1536,1538,812,1535,1534,1537],"jetpack_featured_media_url":"https:\/\/i2.wp.com\/thinkdiff.net\/wp-content\/uploads\/2017\/10\/pythonlogo.jpg?fit=680%2C459&ssl=1","jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/pr3EW-Vy","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"pageviews":"23","_links":{"self":[{"href":"https:\/\/thinkdiff.net\/wp-json\/wp\/v2\/posts\/3568"}],"collection":[{"href":"https:\/\/thinkdiff.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thinkdiff.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thinkdiff.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thinkdiff.net\/wp-json\/wp\/v2\/comments?post=3568"}],"version-history":[{"count":1,"href":"https:\/\/thinkdiff.net\/wp-json\/wp\/v2\/posts\/3568\/revisions"}],"predecessor-version":[{"id":3571,"href":"https:\/\/thinkdiff.net\/wp-json\/wp\/v2\/posts\/3568\/revisions\/3571"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thinkdiff.net\/wp-json\/wp\/v2\/media\/3185"}],"wp:attachment":[{"href":"https:\/\/thinkdiff.net\/wp-json\/wp\/v2\/media?parent=3568"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thinkdiff.net\/wp-json\/wp\/v2\/categories?post=3568"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thinkdiff.net\/wp-json\/wp\/v2\/tags?post=3568"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}},{"id":3392,"date":"2018-03-13T17:49:51","date_gmt":"2018-03-13T11:49:51","guid":{"rendered":"http:\/\/thinkdiff.net\/?p=3392"},"modified":"2019-01-28T19:03:28","modified_gmt":"2019-01-28T13:03:28","slug":"python-bangla-video-tutorial","status":"publish","type":"post","link":"https:\/\/thinkdiff.net\/python\/python-bangla-video-tutorial\/","title":{"rendered":"Python Tutorial Bangla | \u09ac\u09be\u0982\u09b2\u09be\u09af\u09bc \u09aa\u09be\u0987\u09a5\u09a8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09af\u09bc\u09be\u09b2"},"content":{"rendered":"
    \u0995\u09ae\u09cd\u09aa\u09bf\u0989\u099f\u09be\u09b0 \u09aa\u09cd\u09b0\u09cb\u0997\u09cd\u09b0\u09be\u09ae\u09bf\u0982 \u09b6\u09bf\u0996\u09a4\u09c7 \u09af\u09be\u09b0\u09be \u0986\u0997\u09cd\u09b0\u09b9\u09c0, \u0985\u09a5\u09ac\u09be \u09af\u09be\u09a6\u09c7\u09b0 \u09ac\u09c7\u09b8\u09bf\u0995 \u09aa\u09cd\u09b0\u09cb\u0997\u09cd\u09b0\u09be\u09ae\u09bf\u0982 \u09b8\u09ae\u09cd\u09ac\u09a8\u09cd\u09a7\u09c7 \u09a7\u09be\u09b0\u09a8\u09be \u0986\u099b\u09c7 \u09a4\u09be\u09a6\u09c7\u09b0 \u099c\u09a8\u200d\u09cd\u09af \u09aa\u09be\u0987\u09a5\u09a8 \u09e9 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09af\u09bc\u09be\u09b2 – \u09ac\u09bf\u0997\u09bf\u09a8\u09be\u09b0 \u09a5\u09c7\u0995\u09c7 \u098f\u09a1\u09ad\u09be\u09a8\u09cd\u09b8\u09a1 \u0995\u09cb\u09b0\u09cd\u09b8\u099f\u09be \u09a1\u09bf\u099c\u09be\u0987\u09a8 \u0995\u09b0\u09be \u09b9\u09af\u09bc\u09c7\u099b\u09c7\u0964 In this python Bangla complete course video tutorial we published over 17 video tutorials for Bangla speaking people. The tutorials are designed from beginner to intermediate to advanced.<\/p>\n
    checkout on Youtube by the following links:<\/strong><\/p>\n
    \u09ac\u09be\u0982\u09b2\u09be \u09aa\u09cd\u09b0\u09cb\u0997\u09cd\u09b0\u09be\u09ae\u09bf\u0982 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09af\u09bc\u09be\u09b2????\u09aa\u09be\u0987\u09a5\u09a8 \u09ac\u09be\u0982\u09b2\u09be ???? \u099c\u200d\u09cd\u09af\u09be\u0999\u09cd\u0997\u09cb \u09ac\u09be\u0982\u09b2\u09be ???? \u0993\u09af\u09bc\u09c7\u09ac \u09b8\u09cd\u0995\u09cd\u09b0\u200d\u09cd\u09af\u09be\u09aa\u09bf\u0982<\/a><\/p>\n
    \n
    OR:<\/div>\n
    \u2192 Python Beginner<\/span>: https:\/\/bit.ly\/2NTi9xm<\/a><\/div>\n
    \u2192 Python Advanced<\/span>: https:\/\/bit.ly\/2oOwi3N<\/a><\/div>\n
    \u2192 Python Projects<\/span>: https:\/\/bit.ly\/2NwBbgD<\/a><\/div>\n
    \u2192 Python Web Scrap<\/span>: https:\/\/bit.ly\/2OxKdpV<\/a><\/div>\n
    \u2192 Django<\/span> Web: https:\/\/bit.ly\/2M8XBiq<\/a><\/div>\n
    \u2192 HTML | CSS<\/span>: https:\/\/bit.ly\/2KGu1oQ<\/a><\/div>\n
    \u2192 C Programming<\/span>: https:\/\/bit.ly\/2CtlNMT<\/a><\/div>\n
    \u2192 Mixed<\/span> Programming: https:\/\/bit.ly\/2QcCZJx<\/a><\/div>\n
    \u2192 Technology<\/span>: https:\/\/bit.ly\/2oMS73V<\/a><\/div>\n<\/div>\n
    \u098f\u0987 \u0995\u09cb\u09b0\u09cd\u09b8\u09c7 \u09aa\u09be\u0987\u09a5\u09a8\u09c7\u09b0 \u09af\u09c7\u09b8\u09ac \u09ac\u09bf\u09b7\u09af\u09bc \u09a8\u09bf\u09af\u09bc\u09c7 \u0986\u09b2\u09cb\u099a\u09a8\u09be \u0995\u09b0\u09be \u09b9\u09af\u09bc\u09c7\u099b\u09c7 \u09a4\u09be \u09b9\u09b2:<\/p>\n
    \u09e7. Welcome | Overview | Setup<\/h2>\n