Я работаю над простым приложением, чтобы показать частоту сердечных сокращений, уровни глюкозы в крови и несколько других измерений. Я работаю в React и Redux, и использую материалы-UI для пользовательского интерфейса. < /p>
Чтобы отобразить эти два числа, я создаю компонент, который будет на каждой половине экрана. Под каждым номером у меня будет набор вкладок для переключения в виде представлений компонента. Как я могу изменить размер вкладок, чтобы быть меньше. У меня есть код ниже для создания вкладок, и я прочитал это и это, но я не уверен в том, как сделать это.import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import Paper from '@material-ui/core/Paper';
import Tabs from '@material-ui/core/Tabs';
import Tab from '@material-ui/core/Tab';
import { withStyles } from '@material-ui/core/styles';
import Grid from '@material-ui/core/Grid';
const BottomTab = ({}) => (
);
const styles = {
tab: {
width: '10', // a number of your choice
}
};
export default withStyles(styles)(BottomTab);
< /code>
и следующий блок кода - это то, где я называю BottomTab. < /p>
interface Props {
labelId: string,
value: number
}
const Knob = ({labelId, value}: Props) => (
)
export default Knob
Подробнее здесь: https://stackoverflow.com/questions/619 ... terials-ui
