راست چین کردن کامپوننت های MaterialUI

7 دیدگاه

به گفتگوی ما بپیوندید و دیدگاه خود را با ما در میان بگذارید.

• در هنگام تغییر زبان سایت چجوری باید از چپ به راست یا بلعکس شه؟

  پاسخ

• سلام. من می‌خوام یه تکست فیلد بذارم که rtl باشه. همه روشایی که توی سایتا زده بودن (از جمله روش بالا) رو امتحان کردم ولی لیبل نمیاد سمت راست و همون چپ می‌مونه.
  میشه راهنمایی کنید چی کار کنم؟

  پاسخ

  • سلام.
    شما میتونید با استفاده از CSS اینکار رو راحت انجام بدید.
    direction: rtl; و text-align: center; رو قرار بدید

    پاسخ

    • سلام وقتتون بخیر منم این مشکل رو دارم اما حل نشد با این روش هم. خیلی وقته در گیرش هستم راهکار دیگه ای ندارید؟ ببینید textfield قسمت تایپش راست چین میشه اما لیبلش که موقع کلیک روش میره همون بالا سمت چپ میمونه در صورتی که باید بیاد سمت بالا راست. 🙁

    • import { create } from ‘jss’;
      import rtl from ‘jss-rtl’;
      import { StylesProvider, jssPreset } from ‘@material-ui/core/styles’;
      import React from “react”;
      import ThemeProvider from “@material-ui/styles/ThemeProvider”;
      import createMuiTheme from “@material-ui/core/styles/createMuiTheme”;

      // Configure JSS
      const jss = create({ plugins: […jssPreset().plugins, rtl()] });
      const theme = createMuiTheme({
      “direction”: “rtl”,
      “fontFamily”: “BYekan”,
      });

      const RTL=(props) =>{
      return (

      {props.children}

      );
      }
      export default RTL;

• من میخام یک دکمه در هدر بزارم و مثل سایت material-ui تم سایت را از light به dark تغییر بدم چطور میشه از کامپوننت دگه به theme type دسترسی داشت تا بتونم این را انجام بدم؟

  پاسخ

  • سلام امین عزیز
    برای اینکار میتونی از context api استفاده کنی
    که در دوره جامع react js توضیح داده شده این مورد و نحوه پیاده سازی دارک مود و لایت مود رو یاد میگیرید

    پاسخ